import React from 'react';
import { storiesOf } from '@storybook/react';
import { withInfo } from '@storybook/addon-info';

// For props table
import Modal from '@ichef/gypcrete/src/Modal';

import BasicModalExample, { ClosableModalExample } from './BasicModal';

storiesOf('Modal', module)
    .add('basic usage', withInfo()(() => <BasicModalExample bodyPadding><div>Modal Content</div></BasicModalExample>))
    .add('small modal', withInfo()(() => <BasicModalExample bodyPadding size="small" header="Small Modal"><div>Modal Content</div></BasicModalExample>))
    .add('large modal', withInfo()(() => <BasicModalExample bodyPadding size="large" header="Large Modal"><div>Modal Content</div></BasicModalExample>))
    .add('full modal', withInfo()(() => <BasicModalExample bodyPadding size="full" header="Full Modal"><div>Modal Content</div></BasicModalExample>))
    .add('closable modal', withInfo()(() => <ClosableModalExample />))
    // Props table
    .addPropsTable(() => <Modal />);

import React from 'react';
import { storiesOf } from '@storybook/react';
import { withInfo } from '@storybook/addon-info';

// For props table
import Modal from '@ichef/gypcrete/src/Modal';

import BasicModalExample, { ClosableModalExample } from './BasicModal';

storiesOf('Modal', module)
    .add('basic usage', withInfo()(() => <BasicModalExample bodyPadding><div>Modal Content</div></BasicModalExample>))
    .add('small modal', withInfo()(() =>
        (<BasicModalExample bodyPadding size="small" header="Small Modal">
            <div>Modal Content</div>
        </BasicModalExample>)))
    .add('large modal', withInfo()(() =>
        (<BasicModalExample bodyPadding size="large" header="Large Modal">
            <div>Modal Content</div>
        </BasicModalExample>)))
    .add('full modal', withInfo()(() =>
        (<BasicModalExample bodyPadding size="full" header="Full Modal">
            <div>Modal Content</div>
        </BasicModalExample>)))
    .add('closable modal', withInfo()(() => <ClosableModalExample />))
    // Props table
    .addPropsTable(() => <Modal />);

Break the example into multiple lines
Break the example into multiple lines

