Alert Basic

1// shadcn
2import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
3
4// assets
5import { CheckCircle2Icon } from "lucide-react";
6
7//  ------------------------------ | ALERT - BASIC | ------------------------------  //
8
9export default function AlertBasic() {
10  return (
11    <Alert className="max-w-md border-primary/10 bg-primary/10 text-primary">
12      <CheckCircle2Icon />
13      <AlertTitle>Account updated successfully</AlertTitle>
14      <AlertDescription>
15        Your profile information has been saved. Changes will be reflected
16        immediately.
17      </AlertDescription>
18    </Alert>
19  );
20}