xchain-components/src/stories/XDropdownMenuStory.js

Xchain Components

/* @flow */
/* eslint react/jsx-filename-extension: 0 */

import React from 'react';
import { storiesOf } from '@storybook/react';
import { action } from '@storybook/addon-actions';
import { withInfo } from '@storybook/addon-info';
import XDropdownMenu from 'components/XDropdownMenu';
import { Link, BrowserRouter } from 'react-router-dom';

const menus = [
  {
    key: 'ALL', to: '/', text: 'Sign Out', as: Link, onMenuClick: action('clicked'),
  },
  {
    key: 'ALL1', to: '/a', text: 'Sign Out1', as: Link, onMenuClick: action('clicked'),
  },
];

export default storiesOf('XDropdownMenu', module)
  .addDecorator(withInfo)
  .add('Product Hierarchy dropdown', () => (
    <BrowserRouter>
      <XDropdownMenu
        iconName="user circle"
        menus={menus}
        position="left"
      />
    </BrowserRouter>
  ));