DialogProvider

import { Button, Dialog, DialogProvider, useDialog, useShowDialog } from '@prosazhin/pbcomponents';

function Example() {
  const { closeDialog } = useDialog();
  const open = useShowDialog(() => (
    <Dialog id='example'>
      <Dialog.Content>
        <Dialog.Header>Title</Dialog.Header>
        <Dialog.Body>Content</Dialog.Body>
        <Dialog.Footer>
          <Button onClick={() => closeDialog('example')}>Close</Button>
        </Dialog.Footer>
      </Dialog.Content>
    </Dialog>
  ));
  return <Button onClick={open}>Open</Button>;
}

<DialogProvider>
  <Example />
</DialogProvider>;