Alert Colors

1// shadcn
2import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
3
4// assets
5import { AlertTriangleIcon } from "lucide-react";
6
7//  ------------------------------ | ALERT - COLORS | ------------------------------  //
8
9export default function AlertColors() {
10  return (
11    <Alert className="max-w-md border-yellow-200 bg-yellow-50 text-yellow-900 dark:border-yellow-900 dark:bg-yellow-950 dark:text-yellow-50">
12      <AlertTriangleIcon />
13      <AlertTitle>Your subscription will expire in 3 days.</AlertTitle>
14      <AlertDescription>
15        Renew now to avoid service interruption or upgrade to a paid plan to
16        continue using the service.
17      </AlertDescription>
18    </Alert>
19  );
20}