// @flow
import React from 'react';
import { storiesOf } from '@storybook/react';
import { action } from '@storybook/addon-actions';
import { withInfo } from '@storybook/addon-info';
import { Toast } from './index';
import { configDocs } from '../../../../../.storybook/config-docs';
import docs from './TOAST.mkd';

storiesOf('Core/Overlays/Toast', module)
  .addDecorator(withInfo(configDocs(docs, Toast)))
  .add('standalone', () => (
    <Toast id="toastId" onClose={action('Toast closed')} timerDelay={10000}>
      Something amazing I guess
    </Toast>
  ));
