import React from 'react';
import { action } from '@storybook/addon-actions';
import { storiesOf } from '@storybook/react';

import Default from '../__examples__/default';
import DefaultWithAutoPlay from '../__examples__/default-with-autoplay';
import DefaultWithNavigation from '../__examples__/default-with-navigation';
import FiveItems from '../__examples__/five-items';
import ThreeItems from '../__examples__/three-items';
import ThreeItemsWithAutoplay from '../__examples__/three-items-with-autoplay';
import WithCustomItems from '../__examples__/with-custom-items';

import { CAROUSEL } from '../../../utilities/constants';

storiesOf(CAROUSEL, module)
	.add('Default (1 item) NoImageTest', () => <Default action={action} />)
	.add('Default with navigation indicators NoImageTest', () => (
		<DefaultWithNavigation action={action} />
	))
	.add('Default with AutoPlay NoImageTest', () => (
		<DefaultWithAutoPlay action={action} />
	))
	.add('3 items NoImageTest', () => <ThreeItems action={action} />)
	.add('3 items with AutoPlay NoImageTest', () => (
		<ThreeItemsWithAutoplay action={action} />
	))
	.add('5 items NoImageTest', () => <FiveItems action={action} />)
	.add('With custom items NoImageTest', () => (
		<WithCustomItems action={action} />
	));