import React from 'react';
import { storiesOf } from '@storybook/react';
import { action } from '@storybook/addon-actions';
import { MultiCarousel } from '../MultiCarousel';
import { ProductItem } from '../../ProductItem';
import Decimal from 'decimal.js';
import { boolean } from '@storybook/addon-knobs/react';
const productItems = [...Array(10)].map((a, i) => ({
    id: i,
    title: `Product ${i + 1}`,
    image: 'https://placehold.it/100x100'
}));
const renderItem = (item) => {
    return (<ProductItem id={item.id} handle={item.title} title={item.title} image={item.image} imageStyle={{ width: 100, height: 100 }} contentStyle={{ alignItems: 'center' }} price={{
        value: new Decimal('5.95'),
        currencyCode: 'USD'
    }} onPress={action('MultiCarousel ProductItem onPress')}/>);
};
storiesOf('MultiCarousel', module)
    .add('basic usage', () => (<MultiCarousel items={productItems} renderItem={renderItem} itemsPerPage={3} showArrow={boolean('arrow?', true)}/>));
//# sourceMappingURL=MultiCarousel.story.js.map