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

wix-style-react

'use strict';

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

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

var _CodeExample2 = _interopRequireDefault(_CodeExample);

var _UXStoryTemplate = require('../UXStoryTemplate');

var _Layout = require('wix-style-react/Layout');

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

var _ExampleBasic = require('./ExampleBasic');

var _ExampleBasic2 = _interopRequireDefault(_ExampleBasic);

var _ExampleBasic3 = require('!raw-loader!./ExampleBasic');

var _ExampleBasic4 = _interopRequireDefault(_ExampleBasic3);

var _ExampleStates = require('./ExampleStates');

var _ExampleStates2 = _interopRequireDefault(_ExampleStates);

var _ExampleStates3 = require('!raw-loader!./ExampleStates');

var _ExampleStates4 = _interopRequireDefault(_ExampleStates3);

var _ExampleHeight = require('./ExampleHeight');

var _ExampleHeight2 = _interopRequireDefault(_ExampleHeight);

var _ExampleHeight3 = require('!raw-loader!./ExampleHeight');

var _ExampleHeight4 = _interopRequireDefault(_ExampleHeight3);

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(
    'div',
    null,
    _react2.default.createElement(
      _UXStoryTemplate.Title,
      null,
      '3.2a Text Area'
    ),
    _react2.default.createElement(
      _UXStoryTemplate.SubTitle,
      null,
      'Text Area let users enter and edit multiline text'
    ),
    _react2.default.createElement(_UXStoryTemplate.IncludedComponents, { componentNames: ['FormField', 'InputArea'] }),
    _react2.default.createElement(
      _UXStoryTemplate.TLDRSection,
      null,
      _react2.default.createElement(
        _CodeExample2.default,
        { title: 'Text Area', code: _ExampleBasic4.default },
        _react2.default.createElement(
          _Layout.Layout,
          null,
          _react2.default.createElement(
            _Layout.Cell,
            { span: 4 },
            _react2.default.createElement(_ExampleBasic2.default, null)
          )
        )
      )
    ),
    _react2.default.createElement(
      _UXStoryTemplate.ExamplesSection,
      null,
      _react2.default.createElement(
        _CodeExample2.default,
        { title: 'States', code: _ExampleStates4.default },
        _react2.default.createElement(_ExampleStates2.default, null)
      ),
      _react2.default.createElement(
        _CodeExample2.default,
        { title: 'Height', code: _ExampleHeight4.default },
        _react2.default.createElement(_ExampleHeight2.default, null)
      )
    )
  );
});