DialogDialog

const [open, setOpen] = useState(false);

<Button onClick={() => setOpen(true)}>Open</Button>
<Dialog open={open} onOpenChange={setOpen}>
  <DialogHeader>
    <DialogTitle>Delete draft?</DialogTitle>
    <DialogClose />
  </DialogHeader>
  <DialogDescription>This cannot be undone.</DialogDescription>
  <DialogFooter>
    <Button variant="ghost" onClick={() => setOpen(false)}>Cancel</Button>
    <Button variant="solid" onClick={confirm}>Delete</Button>
  </DialogFooter>
</Dialog>