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

wix-style-react

'use strict';

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _react3 = require('@storybook/react');

var _Markdown = require('wix-storybook-utils/Markdown');

var _Markdown2 = _interopRequireDefault(_Markdown);

var _AutoDocs = require('wix-storybook-utils/AutoDocs');

var _AutoDocs2 = _interopRequireDefault(_AutoDocs);

var _TabbedView = require('wix-storybook-utils/TabbedView');

var _TabbedView2 = _interopRequireDefault(_TabbedView);

var _CodeExample = require('wix-storybook-utils/CodeExample');

var _CodeExample2 = _interopRequireDefault(_CodeExample);

var _README = require('../../src/Input/README.md');

var _README2 = _interopRequireDefault(_README);

var _READMETESTKIT = require('../../src/Input/README.TESTKIT.md');

var _READMETESTKIT2 = _interopRequireDefault(_READMETESTKIT);

var _Input = require('!raw-loader!wix-style-react/Input/Input');

var _Input2 = _interopRequireDefault(_Input);

var _Examples = require('./Examples');

var _Examples2 = _interopRequireDefault(_Examples);

var _ExamplePaneltitleStyle = require('./ExamplePaneltitleStyle');

var _ExamplePaneltitleStyle2 = _interopRequireDefault(_ExamplePaneltitleStyle);

var _ExamplePaneltitleStyle3 = require('!raw-loader!./ExamplePaneltitleStyle');

var _ExamplePaneltitleStyle4 = _interopRequireDefault(_ExamplePaneltitleStyle3);

var _storySettings = require('./storySettings');

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

(0, _react3.storiesOf)(_storySettings.storySettings.category, module).add(_storySettings.storySettings.storyName, function () {
  return _react2.default.createElement(
    _TabbedView2.default,
    { tabs: ['API', 'Themes', 'Testkit'] },
    _react2.default.createElement(
      'div',
      null,
      _react2.default.createElement(_AutoDocs2.default, { source: _Input2.default }),
      _react2.default.createElement(_Markdown2.default, { source: _README2.default }),
      _react2.default.createElement(
        'h1',
        null,
        'Usage examples'
      ),
      _react2.default.createElement(_Examples2.default, null)
    ),
    _react2.default.createElement(
      _TabbedView2.default,
      { tabs: ['normal', 'material', 'amaterial', 'paneltitle'] },
      _react2.default.createElement(_Examples2.default, { theme: 'normal' }),
      _react2.default.createElement(_Examples2.default, { theme: 'material' }),
      _react2.default.createElement(_Examples2.default, { theme: 'amaterial' }),
      _react2.default.createElement(
        _CodeExample2.default,
        { title: 'PaneltitleStyle', code: _ExamplePaneltitleStyle4.default },
        _react2.default.createElement(_ExamplePaneltitleStyle2.default, null)
      )
    ),
    _react2.default.createElement(_Markdown2.default, { source: _READMETESTKIT2.default })
  );
});