Modal

import { Modal } from "fromsrc/client";
import { useState } from "react";

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

  return (
    <>
      <button onClick={() => setOpen(true)}>open modal</button>
      <Modal open={open} onClose={() => setOpen(false)} title="confirm">
        <p>are you sure you want to continue?</p>
      </Modal>
    </>
  );
}

<Modal open={open} onClose={onClose} title="settings">
  <p>modal content here</p>
</Modal>

<Modal open={open} onClose={onClose}>
  <div className="p-4">custom header and content</div>
</Modal>