import { Meta, Story, ArgsTable, Canvas } from '@storybook/addon-docs/blocks';
import Modal from '../Modal';

<Meta title="Atoms/Modal" component={Modal} />

# Modal
<br />

## Modals are used to create popup windows.
<br />

### Default
<Canvas>
    <Story name="Default" inline={false}>
        <Modal
            currentKey="story"
            currentItem={<div style={{ padding: '10px 20px' }}>Modal content</div>}
        />
    </Story>
</Canvas>

## Usage Example
```jsx
import Modal from '@appdirect/sfb-theme-components/src/atoms/modal/Modal';

<Modal
    currentKey="story"
    currentItem={<div>Modal content</div>}
/>
```

## Props
<ArgsTable of={Modal} />
