Modal:

```
<div>
  <p>The modal doesn't display in this example</p>
  <Modal isOpen={false}>
    <Card styles={{ backgroundColor: '#ffffff', width: '400px' }}>
      <CardHeader>
        <span style={{ display: 'flex', justifyContent: 'space-between'}}>
          <span>Header</span>
          <A>X</A>
        </span>
      </CardHeader>
      <CardContent>
        Content
    </CardContent>
      <CardFooter>
        Footer
    </CardFooter>
    </Card>
  </Modal>
</div>
```