#### Standard Use

```jsx padded
import { useState } from 'react';
import { Card } from '../Card';

const [open, setOpen] = useState(false);
const close = () => setOpen(false);

<>
	<div style={{ display: 'flex', alignItems: 'center' }}>
		<button onClick={() => setOpen(true)}>Toggle Modal</button>
	</div>
	<Modal close={close} open={open}>
		<Card minW="300px" minH="400px" style={{ background: '#fff' }}>
			Card Content
		</Card>
	</Modal>
</>;
```