'use strict';

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

var _addonKnobs = require('@storybook/addon-knobs');

var _addonActions = require('@storybook/addon-actions');

var _ = require('../../..');

var _2 = _interopRequireDefault(_);

var _SearchBannerForm = require('./SearchBannerForm.md');

var _SearchBannerForm2 = _interopRequireDefault(_SearchBannerForm);

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

(0, _react3.storiesOf)('molecules', module).addDecorator((0, _addonKnobs.withKnobs)({ escapeHTML: false })).add('SearchBannerForm', function () {
  var props = {
    action: '#',
    onSubmit: (0, _addonActions.action)('Form submitted'),
    inputText: {
      hiddenLabel: (0, _addonKnobs.boolean)('SearchBannerForm inputText: hiddenLabel', false, 'InputText'),
      labelText: (0, _addonKnobs.text)('SearchBannerForm inputText: labelText', 'Search terms', 'InputText'),
      required: (0, _addonKnobs.boolean)('SearchBannerForm inputText: required', false, 'InputText'),
      id: (0, _addonKnobs.text)('SearchBannerForm inputText: id', 'GUID138490237', 'InputText'),
      name: (0, _addonKnobs.text)('SearchBannerForm inputText: name', 'search', 'InputText'),
      type: (0, _addonKnobs.select)('SearchBannerForm inputText: type', ['text', 'email', 'number'], 'text', 'InputText'),
      width: (0, _addonKnobs.number)('SearchBannerForm inputText: width', 0, 'InputText'),
      maxlength: (0, _addonKnobs.number)('SearchBannerForm inputText: maxlength', 0, 'InputText'),
      pattern: (0, _addonKnobs.text)('SearchBannerForm inputText: pattern', '', 'InputText'),
      placeholder: (0, _addonKnobs.text)('SearchBannerForm inputText: placeholder', 'Search...', 'InputText'),
      errorMsg: (0, _addonKnobs.text)('SearchBannerForm inputText: errorMsg', '', 'InputText'),
      onChange: (0, _addonActions.action)('Text input modified')
    },
    buttonSearch: {
      classes: (0, _addonKnobs.array)('SearchBannerForm buttonSearch: classes', [], ' ', 'ButtonSearch'),
      onClick: (0, _addonActions.action)('Search button clicked'),
      text: (0, _addonKnobs.text)('SearchBannerForm buttonSearch: text', 'Search', 'ButtonSearch'),
      ariaLabel: (0, _addonKnobs.text)('SearchBannerForm buttonSearch: ariaLabel', 'Search', 'ButtonSearch')
    }
  };
  return _react2.default.createElement(_2.default, props);
}, { info: _SearchBannerForm2.default });