Dialog

import { Dialog, DialogButton } from "@/components/ui/Dialog";
import { useState } from "react";
import { Button } from "@/components/ui/Button";

const [isOpen, setIsOpen] = useState(false);

<Button onClick={() => setIsOpen(true)}>Open Dialog</Button>

<Dialog
  isOpen={isOpen}
  onClose={() => setIsOpen(false)}
  title="Dialog Title"
  description="This is a description of the dialog contents."
  footer={
    <>
      <DialogButton variant="secondary" onClick={() => setIsOpen(false)}>
        Cancel
      </DialogButton>
      <DialogButton onClick={() => console.log("Confirmed")}>
        Confirm
      </DialogButton>
    </>
  }
/>