wix-style-react/dist/es/stories/SideMenu/index.js

wix-style-react

import React from 'react';
import { storiesOf } from '@storybook/react';
import Markdown from 'wix-storybook-utils/Markdown';
import CodeExample from 'wix-storybook-utils/CodeExample';

import Readme from '../../src/SideMenu/README.md';
import SideMenuDrillReadme from '../../src/SideMenu/DrillView/README.md';

import ExampleStandard from './ExampleStandard';
import ExampleStandardRaw from '!raw-loader!./ExampleStandard';

import ExampleStandardRTL from './ExampleStandardRTL';
import ExampleStandardRTLRaw from '!raw-loader!./ExampleStandardRTL';

import ExampleSubMenu from './ExampleSubMenu';
import ExampleSubMenuRaw from '!raw-loader!./ExampleSubMenu';

import ExampleSideMenuDrill from './ExampleSideMenuDrill';
import ExampleSideMenuDrillRaw from '!raw-loader!./ExampleSideMenuDrill';

import ExampleSideMenuDrillRTL from './ExampleSideMenuDrillRTL';
import ExampleSideMenuDrillRTLRaw from '!raw-loader!./ExampleSideMenuDrillRTL';

storiesOf('6. Navigation', module).add('6.1 SideMenuDrill', function () {
  return React.createElement(
    'div',
    null,
    React.createElement(Markdown, { source: SideMenuDrillReadme }),
    React.createElement(
      'h1',
      null,
      'Usage examples'
    ),
    React.createElement(
      CodeExample,
      { title: 'SideMenu ', code: ExampleSideMenuDrillRaw },
      React.createElement(ExampleSideMenuDrill, null)
    ),
    React.createElement(
      CodeExample,
      { title: 'SideMenuDrill RTL', code: ExampleSideMenuDrillRTLRaw },
      React.createElement(ExampleSideMenuDrillRTL, null)
    )
  );
}).add('6.1 + SideMenu', function () {
  return React.createElement(
    'div',
    null,
    React.createElement(Markdown, { source: Readme }),
    React.createElement(
      'h1',
      null,
      'Usage examples'
    ),
    React.createElement(
      CodeExample,
      { title: 'Standard', code: ExampleStandardRaw },
      React.createElement(ExampleStandard, null)
    ),
    React.createElement(
      CodeExample,
      { title: 'RTL Standard', code: ExampleStandardRTLRaw },
      React.createElement(ExampleStandardRTL, null)
    ),
    React.createElement(
      CodeExample,
      { title: 'Sub Menu', code: ExampleSubMenuRaw },
      React.createElement(ExampleSubMenu, null)
    )
  );
});