Dialog

<DialogRoot>
  <div>
    <DialogTrigger asChild>
      <Button variant="outline">Open dialog</Button>
    </DialogTrigger>
  </div>
  <DialogContent showCloseTrigger>
    <DialogHeader>
      <DialogTitle>Dialog Title</DialogTitle>
    </DialogHeader>
    <DialogBody>
      <DialogDescription>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed
        do eiusmod tempor incididunt ut labore et dolore magna aliqua.
      </DialogDescription>
    </DialogBody>
    <DialogFooter>
      <DialogCloseTrigger asChild>
        <Button variant="outline">Cancel</Button>
      </DialogCloseTrigger>
      <Button>Save</Button>
    </DialogFooter>
  </DialogContent>
</DialogRoot>