Dialog

import { useState } from "react";
import { Dialog } from "@/components/ui/dialog";

export function DeleteProject() {
  const [open, setOpen] = useState(false);
  return (
    <>
      <button onClick={() => setOpen(true)}>Delete project</button>
      <Dialog
        open={open}
        onOpenChange={setOpen}
        title="Delete project"
        description="This can't be undone."
      >
        <button onClick={() => setOpen(false)}>Cancel</button>
        <button onClick={deleteProject}>Delete</button>
      </Dialog>
    </>
  );
}