import { ArgTypes, Meta } from '@storybook/addon-docs/blocks';
import { CustomThemeProvider } from '../../theme';

import Status from '../../utils/status';
import Modal from './Modal';

<Meta title="Components/Modal" />

<CustomThemeProvider>
  # Modal

  <Status React="Prototype" Figma="https://www.figma.com/" />

  This is a Modal that should be used when an application requires a required action from the user or to communicate information to the user.

  ## Default

  By default, the Modal is closed

  <ArgTypes of={Modal} />
</CustomThemeProvider>
