// @flow
import React from 'react';
import { action } from '@storybook/addon-actions';
import { Toast } from './index';
import docs from './toast.mdx';

export default {
  title: 'Components/Overlays/Toast',
  component: Toast,
  parameters: {
    docs: {
      page: docs,
    },
  },
};

export const Standalone = () => (
  <Toast id="toastId" onClose={action('Toast closed')} timerDelay={10000}>
    Something amazing I guess
  </Toast>
);
