import React from 'react';
import { storiesOf } from '@storybook/react';
import { action } from '@storybook/addon-actions';
import SimpleMenu from './index';
import {
    text,
    boolean,
    number,
    object,
    array,
    selectV2,
    date,
    color,
    button,
    select
} from '@storybook/addon-knobs/react';
import { withInfo } from '@storybook/addon-info';
import { linkTo } from '@storybook/addon-links'
storiesOf('SimpleMenu', module)
    .add('SimpleMenu Component',
        withInfo('This is a SimpleMenu components that is configured from outside , it provides you with the Tabs UX and the click functionality on tabs and also the selected state of the tabs .')(
            () => {
                let menuItems = ['item1', 'item2', 'item3'];
                return <SimpleMenu menuItems={menuItems}/>
            }
        ))