import * as React from 'react';
import {withInfo} from '@storybook/addon-info';
import {withKnobs} from '@storybook/addon-knobs';
import {storyLayout} from '../../index.stories';
import {MenuSider} from './../../index';

// eslint-disable-next-line no-restricted-syntax
export default {
    title: 'MenuSider',
    decorators: [withInfo, storyLayout, withKnobs]
};

export const simpleMenuSider = () => {

    return (
        <MenuSider
            title={'menu title'}
        >
            Content for menu
        </MenuSider>
    );
};