import React from 'react';
import { storiesOf } from '@storybook/react';
import { action } from '@storybook/addon-actions';
import { boolean } from '@storybook/addon-knobs/react';
import { Swatches } from '../Swatches';
const items = [
    { color: 'red', name: 'red' },
    { color: 'green', name: 'green' },
    { color: 'blue', name: 'blue' },
    { color: 'red', name: 'red' },
    { color: 'green', name: 'green' },
    { color: 'blue', name: 'blue' },
    { color: 'red', name: 'red', available: false },
    { color: 'green', name: 'green', available: false },
    { color: 'blue', name: 'blue', available: false }
];
storiesOf('Swatches', module)
    .add('basic usage', () => (<Swatches items={items} label={boolean('label', true)} onChangeSwatch={action('Swatches onChangeSwatch')}/>));
//# sourceMappingURL=Swatches.story.js.map