Success Alert

1import { CircleCheckBigIcon } from "lucide-react";
2import { Alert, AlertDescription, AlertTitle } from "@/registry/ui/alert";
3 
4export default function AlertSuccessDemo() {
5  return (
6    <Alert className="border-emerald-600/50 text-emerald-600 dark:border-emerald-600 [&>svg]:text-emerald-600">
7      <CircleCheckBigIcon className="size-4" />
8      <AlertTitle>Operation Successful</AlertTitle>
9      <AlertDescription className="text-emerald-600">
10        Your action has been completed successfully
11      </AlertDescription>
12    </Alert>
13  );
14}