Modal

<Button theme="primary" onClick={() => setIsOpen(true)}>
    Open Modal
  </Button>
  
  {isOpen && (
    <Modal onClose={() => setIsOpen(false)}>
      <div style={{ padding: "1rem" }}>
        <h2 style={{ marginTop: 0 }}>Hello from the modal!</h2>
        <p>
          This is a fully accessible, focus-trapped modal component rendered via portal.
        </p>
        <Button onClick={() => alert("Action inside modal!")}>Action</Button>
      </div>
    </Modal>
  )}