Dialog

import { Button } from "@/components/ui/button"
import {
  Dialog,
  DialogClose,
  DialogContent,
  DialogDescription,
  DialogFooter,
  DialogHeader,
  DialogTitle,
  DialogTrigger,
} from "@/components/ui/dialog"

export default function DialogDemo() {
  return (
    <Dialog>
      <DialogTrigger render={<Button variant="paper" />}>Open letter</DialogTrigger>
      <DialogContent data-tone="paper">
        <DialogHeader>
          <DialogTitle>Send the enquiry?</DialogTitle>
          <DialogDescription>It goes to the studio. You get a copy.</DialogDescription>
        </DialogHeader>
        <DialogFooter>
          <DialogClose render={<Button variant="outline" />}>Back</DialogClose>
          <DialogClose render={<Button />}>Send</DialogClose>
        </DialogFooter>
      </DialogContent>
    </Dialog>
  )
}