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

wix-style-react

'use strict';

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

var _InteractiveCodeExample = require('wix-storybook-utils/InteractiveCodeExample');

var _InteractiveCodeExample2 = _interopRequireDefault(_InteractiveCodeExample);

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

var _Markdown2 = _interopRequireDefault(_Markdown);

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

var _README2 = _interopRequireDefault(_README);

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

var _ExampleStandard2 = _interopRequireDefault(_ExampleStandard);

var _FieldWithSelectionTemplate = require('./FieldWithSelectionTemplate');

var _FieldWithSelectionTemplate2 = _interopRequireDefault(_FieldWithSelectionTemplate);

var _StorySettings = require('./StorySettings');

var _StorySettings2 = _interopRequireDefault(_StorySettings);

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

(0, _react3.storiesOf)(_StorySettings2.default.kind, module).add(_StorySettings2.default.storyName, function () {
  return _react2.default.createElement(
    'div',
    null,
    _react2.default.createElement(_Markdown2.default, { source: _README2.default }),
    _react2.default.createElement(
      _InteractiveCodeExample2.default,
      { title: 'Customize a <FieldWithSelection/>' },
      _react2.default.createElement(_ExampleStandard2.default, null)
    ),
    _react2.default.createElement('hr', null),
    _react2.default.createElement(
      'div',
      null,
      'Field with Dropdown'
    ),
    _react2.default.createElement(_FieldWithSelectionTemplate2.default, {
      dataHook: _StorySettings2.default.dataHookExampleDropdown,
      onChange: function onChange() {},
      selectionInput: 'dropdown'
    })
  );
});