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

wix-style-react

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _propTypes = require('prop-types');

var _propTypes2 = _interopRequireDefault(_propTypes);

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

var _CodeExample2 = _interopRequireDefault(_CodeExample);

var _ExampleStandard = require('./ExampleStandard');

var _ExampleStandard2 = _interopRequireDefault(_ExampleStandard);

var _ExampleStandard3 = require('!raw-loader!./ExampleStandard');

var _ExampleStandard4 = _interopRequireDefault(_ExampleStandard3);

var _ExampleError = require('./ExampleError');

var _ExampleError2 = _interopRequireDefault(_ExampleError);

var _ExampleError3 = require('!raw-loader!./ExampleError');

var _ExampleError4 = _interopRequireDefault(_ExampleError3);

var _ExampleLoader = require('./ExampleLoader');

var _ExampleLoader2 = _interopRequireDefault(_ExampleLoader);

var _ExampleLoader3 = require('!raw-loader!./ExampleLoader');

var _ExampleLoader4 = _interopRequireDefault(_ExampleLoader3);

var _ExampleUnit = require('./ExampleUnit');

var _ExampleUnit2 = _interopRequireDefault(_ExampleUnit);

var _ExampleUnit3 = require('!raw-loader!./ExampleUnit');

var _ExampleUnit4 = _interopRequireDefault(_ExampleUnit3);

var _ExampleMagnifyingGlass = require('./ExampleMagnifyingGlass');

var _ExampleMagnifyingGlass2 = _interopRequireDefault(_ExampleMagnifyingGlass);

var _ExampleMagnifyingGlass3 = require('!raw-loader!./ExampleMagnifyingGlass');

var _ExampleMagnifyingGlass4 = _interopRequireDefault(_ExampleMagnifyingGlass3);

var _ExampleControlled = require('./ExampleControlled');

var _ExampleControlled2 = _interopRequireDefault(_ExampleControlled);

var _ExampleControlled3 = require('!raw-loader!./ExampleControlled');

var _ExampleControlled4 = _interopRequireDefault(_ExampleControlled3);

var _ExampleClearButton = require('./ExampleClearButton');

var _ExampleClearButton2 = _interopRequireDefault(_ExampleClearButton);

var _ExampleClearButton3 = require('!raw-loader!./ExampleClearButton');

var _ExampleClearButton4 = _interopRequireDefault(_ExampleClearButton3);

var _ExampleRefs = require('./ExampleRefs');

var _ExampleRefs2 = _interopRequireDefault(_ExampleRefs);

var _ExampleRefs3 = require('!raw-loader!./ExampleRefs');

var _ExampleRefs4 = _interopRequireDefault(_ExampleRefs3);

var _ExampleSizes = require('./ExampleSizes');

var _ExampleSizes2 = _interopRequireDefault(_ExampleSizes);

var _ExampleSizes3 = require('!raw-loader!./ExampleSizes');

var _ExampleSizes4 = _interopRequireDefault(_ExampleSizes3);

var _ExampleRoundInput = require('./ExampleRoundInput');

var _ExampleRoundInput2 = _interopRequireDefault(_ExampleRoundInput);

var _ExampleRoundInput3 = require('!raw-loader!./ExampleRoundInput');

var _ExampleRoundInput4 = _interopRequireDefault(_ExampleRoundInput3);

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

var Examples = function Examples(_ref) {
  var theme = _ref.theme;
  return _react2.default.createElement(
    'div',
    null,
    _react2.default.createElement(
      _CodeExample2.default,
      { title: 'Standard', code: _ExampleStandard4.default },
      _react2.default.createElement(_ExampleStandard2.default, { theme: theme })
    ),
    _react2.default.createElement(
      _CodeExample2.default,
      { title: 'Error', code: _ExampleError4.default },
      _react2.default.createElement(_ExampleError2.default, { theme: theme })
    ),
    _react2.default.createElement(
      _CodeExample2.default,
      { title: 'Loader', code: _ExampleLoader4.default },
      _react2.default.createElement(_ExampleLoader2.default, { theme: theme })
    ),
    _react2.default.createElement(
      _CodeExample2.default,
      { title: 'Unit', code: _ExampleUnit4.default },
      _react2.default.createElement(_ExampleUnit2.default, { theme: theme })
    ),
    _react2.default.createElement(
      _CodeExample2.default,
      { title: 'MagnifyingGlass', code: _ExampleMagnifyingGlass4.default },
      _react2.default.createElement(_ExampleMagnifyingGlass2.default, { theme: theme })
    ),
    _react2.default.createElement(
      _CodeExample2.default,
      { title: 'Clear button', code: _ExampleClearButton4.default },
      _react2.default.createElement(_ExampleClearButton2.default, { theme: theme })
    ),
    _react2.default.createElement(
      _CodeExample2.default,
      { title: 'Controlled input', code: _ExampleControlled4.default },
      _react2.default.createElement(_ExampleControlled2.default, { theme: theme })
    ),
    _react2.default.createElement(
      _CodeExample2.default,
      { title: 'Sizes', code: _ExampleSizes4.default },
      _react2.default.createElement(_ExampleSizes2.default, { theme: theme })
    ),
    _react2.default.createElement(
      _CodeExample2.default,
      { title: 'Rounded input', code: _ExampleRoundInput4.default },
      _react2.default.createElement(_ExampleRoundInput2.default, { theme: theme })
    ),
    _react2.default.createElement(
      _CodeExample2.default,
      { title: 'Commands test', code: _ExampleRefs4.default },
      _react2.default.createElement(_ExampleRefs2.default, { theme: theme })
    )
  );
};

Examples.propTypes = {
  theme: _propTypes2.default.string
};

exports.default = Examples;