Alert

import { Alert, AlertTitle, AlertDescription } from "@/components/ui/alert";
import { CircleAlertIcon, CheckCircleIcon } from "lucide-react";

export function Example() {
  return (
    <div className="space-y-3">
      <Alert>
        <CheckCircleIcon />
        <AlertTitle>Saved</AlertTitle>
        <AlertDescription>Your changes were saved successfully.</AlertDescription>
      </Alert>

      <Alert variant="destructive">
        <CircleAlertIcon />
        <AlertTitle>Failed to save</AlertTitle>
        <AlertDescription>Check your connection and try again.</AlertDescription>
      </Alert>
    </div>
  );
}