Dialog

1import { Rocket } from "lucide-react";
2import { Button } from "@/components/ui/button";
3import { Dialog } from "@/components/ui/dialog";
4
5export function PublishDialog() {
6  return (
7    <Dialog
8      trigger={<Button>Publish</Button>}
9      icon={<Rocket />}
10      tone="volt"
11      title="Publish to production?"
12      description="Your site updates in about 40 seconds."
13      footer={({ close }) => (
14        <>
15          <Button variant="secondary" onClick={close}>Cancel</Button>
16          <Button onClick={close}>Publish</Button>
17        </>
18      )}
19    />
20  );
21}