```jsx
import Button from '../button';
const [active, setActive] = React.useState(false);

const toggle = () => setActive(currentState => !currentState);

<div>
  <Button is="secondary" onClick={toggle}>Open dialog</Button>
  {active && (
    <Dialog label="The dialog is your oyster." onClose={toggle}>
      <p className="p-4">The dialog is your oyster.</p>
    </Dialog>
  )}
</div>
```