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

wix-style-react

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

import Readme from '../../src/Input/README.md';
import ReadmeTestkit from '../../src/Input/README.TESTKIT.md';
import InputSource from '!raw-loader!wix-style-react/Input/Input';

import Examples from './Examples';

import ExamplePaneltitleStyle from './ExamplePaneltitleStyle';
import ExamplePaneltitleStyleRaw from '!raw-loader!./ExamplePaneltitleStyle';

import { storySettings } from './storySettings';

storiesOf(storySettings.category, module).add(storySettings.storyName, function () {
  return React.createElement(
    TabbedView,
    { tabs: ['API', 'Themes', 'Testkit'] },
    React.createElement(
      'div',
      null,
      React.createElement(AutoDocs, { source: InputSource }),
      React.createElement(Markdown, { source: Readme }),
      React.createElement(
        'h1',
        null,
        'Usage examples'
      ),
      React.createElement(Examples, null)
    ),
    React.createElement(
      TabbedView,
      { tabs: ['normal', 'material', 'amaterial', 'paneltitle'] },
      React.createElement(Examples, { theme: 'normal' }),
      React.createElement(Examples, { theme: 'material' }),
      React.createElement(Examples, { theme: 'amaterial' }),
      React.createElement(
        CodeExample,
        { title: 'PaneltitleStyle', code: ExamplePaneltitleStyleRaw },
        React.createElement(ExamplePaneltitleStyle, null)
      )
    ),
    React.createElement(Markdown, { source: ReadmeTestkit })
  );
});