dialog-demo

1import { Button } from "@/components/ui/button";
2import {
3  Dialog,
4  DialogContent,
5  DialogDescription,
6  DialogFooter,
7  DialogHeader,
8  DialogTitle,
9  DialogTrigger,
10} from "@/components/ui/dialog";
11 
12export default function DialogDemo() {
13  return (
14    <Dialog>
15      <DialogTrigger asChild>
16        <Button>Open dialog</Button>
17      </DialogTrigger>
18      <DialogContent>
19        <DialogHeader>
20          <DialogTitle>Delete this project?</DialogTitle>
21          <DialogDescription>
22            This action can&apos;t be undone.
23          </DialogDescription>
24        </DialogHeader>
25        <DialogFooter>
26          <Button>Cancel</Button>
27          <Button variant="destructive">Delete</Button>
28        </DialogFooter>
29      </DialogContent>
30    </Dialog>
31  );
32}