Alert dialog1

1import {
2  AlertDialog,
3  AlertDialogAction,
4  AlertDialogCancel,
5  AlertDialogContent,
6  AlertDialogDescription,
7  AlertDialogFooter,
8  AlertDialogHeader,
9  AlertDialogTitle,
10  AlertDialogTrigger,
11} from "@/ui/alert-dialog";
12import { Button, buttonVariants } from "@/ui/button";
13 
14export default function AlertDialog1() {
15  return (
16    <AlertDialog>
17      <AlertDialogTrigger asChild>
18        <Button>Show Alert Dialog</Button>
19      </AlertDialogTrigger>
20      <AlertDialogContent>
21        <AlertDialogHeader>
22          <AlertDialogTitle>Delete Account?</AlertDialogTitle>
23          <AlertDialogDescription>
24            Deleting your account is irreversible and will erase all your data.
25            This action cannot be undone.
26          </AlertDialogDescription>
27        </AlertDialogHeader>
28        <AlertDialogFooter>
29          <AlertDialogCancel>Cancel</AlertDialogCancel>
30          <AlertDialogAction
31            className={buttonVariants({ variant: "destructive" })}
32          >
33            Continue
34          </AlertDialogAction>
35        </AlertDialogFooter>
36      </AlertDialogContent>
37    </AlertDialog>
38  );
39}