function App() {
  const [isOpen, open, close] = useDialog(false)
  return <div>
    <Dialog open={isOpen} onClose={close}>
      <Dialog.Header closeButton>
        <Dialog.Title>Dialog Title</Dialog.Title>
      </Dialog.Header>
      <Dialog.Body>
        <h2>Here is some stuff inside the dialog</h2>
        <p>Some more stuff</p>
      </Dialog.Body>
      <Dialog.Footer>
        <Button primary onClick={close}>OK! Close Now</Button>
      </Dialog.Footer>
    </Dialog>
    <p>Here is a simple Dialog Component</p>
    <Button onClick={open}>Open Dialog</Button>
  </div>
}