Modal

import { Modal, Button } from "@bloomkit/react";
 
function Example() {
  const [open, setOpen] = useState(false);
 
  return (
    <>
      <Button variant="primary" onClick={() => setOpen(true)}>
        Open modal
      </Button>
 
      <Modal
        open={open}
        onOpenChange={setOpen}
        title="Confirm action"
        description="Are you sure you want to continue? This action cannot be undone."
      >
        <div className="flex justify-end gap-[var(--space-sm)]">
          <Button variant="ghost" onClick={() => setOpen(false)}>Cancel</Button>
          <Button variant="primary" onClick={() => setOpen(false)}>Confirm</Button>
        </div>
      </Modal>
    </>
  );
}