import { Meta, Story, ArgsTable, Canvas } from '@storybook/blocks';
import Modal from '../Modal';
import * as ModalStories from './Modal.stories';

<Meta of={ModalStories} />

# Modal

<br />

## Modals are used to create popup windows.

<br />

### Default

<Canvas>
  <Story of={ModalStories.Default} />
</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} />
