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

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

# PreviewModal
<br />

## `PreviewModal` provide a template for product preview display.
<br />

### Preview Modal with Header & Content
<Canvas>
    <Story name="Preview Modal with Header & Content">
        <PreviewModal
            show
            title="Title"
            onClose={() => null}
        >
            Content
        </PreviewModal>
    </Story>
</Canvas>

## Props

<ArgsTable of={PreviewModal} />
