import React from 'react';
import { storiesOf } from '@storybook/react';
import { t } from 'Framework/i18n';
import Stepper from './index';

const mockedStepsData = [
    {
        key: 'variants',
        identifier: 'variants',
        title: t('mockedData.variant'),
        icon: 'brush',
    },
    {
        key: 'designer',
        identifier: 'designer',
        title: t('mockedData.configure'),
        icon: 'tune',
    },
];

const mockedStepData = [
    {
        key: 'variants',
        identifier: 'variants',
        title: t('mockedData.variant'),
        icon: 'brush',
    },
];

storiesOf('Stepper', module)
    .add('with two steps', () => <Stepper tabs={mockedStepsData} />)
    .add('with only one step', () => <Stepper tabs={mockedStepData} />);
