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

wix-style-react

import React from 'react';
import PropTypes from 'prop-types';

import CodeExample from 'wix-storybook-utils/CodeExample';

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

import ExampleError from './ExampleError';
import ExampleErrorRaw from '!raw-loader!./ExampleError';

import ExampleLoader from './ExampleLoader';
import ExampleLoaderRaw from '!raw-loader!./ExampleLoader';

import ExampleUnit from './ExampleUnit';
import ExampleUnitRaw from '!raw-loader!./ExampleUnit';

import ExampleMagnifyingGlass from './ExampleMagnifyingGlass';
import ExampleMagnifyingGlassRaw from '!raw-loader!./ExampleMagnifyingGlass';

import ExampleControlled from './ExampleControlled';
import ExampleControlledRaw from '!raw-loader!./ExampleControlled';

import ExampleClearButton from './ExampleClearButton';
import ExampleClearButtonRaw from '!raw-loader!./ExampleClearButton';

import ExampleRefs from './ExampleRefs';
import ExampleRefsRaw from '!raw-loader!./ExampleRefs';

import ExampleSizes from './ExampleSizes';
import ExampleSizesRaw from '!raw-loader!./ExampleSizes';

import ExampleRoundInput from './ExampleRoundInput';
import ExampleRoundInputRaw from '!raw-loader!./ExampleRoundInput';

var Examples = function Examples(_ref) {
  var theme = _ref.theme;
  return React.createElement(
    'div',
    null,
    React.createElement(
      CodeExample,
      { title: 'Standard', code: ExampleStandardRaw },
      React.createElement(ExampleStandard, { theme: theme })
    ),
    React.createElement(
      CodeExample,
      { title: 'Error', code: ExampleErrorRaw },
      React.createElement(ExampleError, { theme: theme })
    ),
    React.createElement(
      CodeExample,
      { title: 'Loader', code: ExampleLoaderRaw },
      React.createElement(ExampleLoader, { theme: theme })
    ),
    React.createElement(
      CodeExample,
      { title: 'Unit', code: ExampleUnitRaw },
      React.createElement(ExampleUnit, { theme: theme })
    ),
    React.createElement(
      CodeExample,
      { title: 'MagnifyingGlass', code: ExampleMagnifyingGlassRaw },
      React.createElement(ExampleMagnifyingGlass, { theme: theme })
    ),
    React.createElement(
      CodeExample,
      { title: 'Clear button', code: ExampleClearButtonRaw },
      React.createElement(ExampleClearButton, { theme: theme })
    ),
    React.createElement(
      CodeExample,
      { title: 'Controlled input', code: ExampleControlledRaw },
      React.createElement(ExampleControlled, { theme: theme })
    ),
    React.createElement(
      CodeExample,
      { title: 'Sizes', code: ExampleSizesRaw },
      React.createElement(ExampleSizes, { theme: theme })
    ),
    React.createElement(
      CodeExample,
      { title: 'Rounded input', code: ExampleRoundInputRaw },
      React.createElement(ExampleRoundInput, { theme: theme })
    ),
    React.createElement(
      CodeExample,
      { title: 'Commands test', code: ExampleRefsRaw },
      React.createElement(ExampleRefs, { theme: theme })
    )
  );
};

Examples.propTypes = {
  theme: PropTypes.string
};

export default Examples;