Alert

1import { CheckCircle2Icon } from "lucide-react";
2import { Alert, AlertTitle } from "@/components/ui/alert";
3import { Button } from "@/components/ui/button";
4 
5export default function AlertWithActionButton() {
6  return (
7    <Alert className="flex items-center justify-between">
8      <div className="flex gap-3">
9        <CheckCircle2Icon className="mt-0.5 size-4" />
10        <AlertTitle>Success! Your changes have been saved</AlertTitle>
11      </div>
12      <Button variant="outline" size="sm">
13        Go it!
14      </Button>
15    </Alert>
16  );
17}