import React from 'react';
import { storiesOf } from '@storybook/react-native';
import { withKnobs } from '@storybook/addon-knobs';
import Wrapper from '../../Wrapper';
import { Example as ToastPositions } from './ToastPositions';
import { Example as ToastVariants } from './VariantRecipies';
import { Example as Basic } from './Basic';
import { Example as CloseToast } from './CloseToast';
import { Example as CustomComponent } from './CustomComponent';
import { Example as CustomComponentWithCustomId } from './CustomComponentWithCustomId';
import { Example as PreventDuplicate } from './PreventDuplicate';
import { Example as ToastStatus } from './StatusRecipies';
import { Example as StandaloneToast } from './StandaloneToast';

storiesOf('Toast', module)
  .addDecorator(withKnobs)
  .addDecorator((getStory: any) => <Wrapper>{getStory()}</Wrapper>)
  .add('Basic', () => <Basic />)
  .add('Toast Positions', () => <ToastPositions />)
  .add('Custom Component', () => <CustomComponent />)
  .add('Custom Component with custom Id', () => <CustomComponentWithCustomId />)
  .add('CloseToast', () => <CloseToast />)
  .add('Prevent Duplicate', () => <PreventDuplicate />)
  .add('Status Recipies', () => <ToastStatus />)
  .add('Variants Recipies', () => <ToastVariants />)
  .add('Toast Ref', () => <StandaloneToast />);