'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 _index = require('./index');

var _index2 = _interopRequireDefault(_index);

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

(0, _react3.storiesOf)('forms|molecules', module).addDecorator((0, _addonKnobs.withKnobs)({ escapeHTML: false })).add('MultiSelectDropDown', function () {
  var props = {
    title: (0, _addonKnobs.text)('title', 'Filter by Format(s)'),
    titleClasses: (0, _addonKnobs.array)('titleClasses', []),
    defaultText: (0, _addonKnobs.text)('defaultText', 'All Formats', 'dropdownItems'),
    dropdownItems: (0, _addonKnobs.object)('dropdownItems', [{
      label: 'PDF',
      value: 'pdf'
    }, {
      label: 'Excel',
      value: 'excel'
    }, {
      label: 'CSV',
      value: 'csv'
    }, {
      label: 'HTML',
      value: 'html'
    }, {
      label: 'JSON',
      value: 'json'
    }], 'dropdownItems'),
    onItemSelect: (0, _addonActions.action)('onItemSelect onClick'),
    onDropDownClick: (0, _addonActions.action)('onButtonClick onClick'),
    fieldName: (0, _addonKnobs.text)('fieldName', 'formats')
  };
  return _react2.default.createElement(_index2.default, props);
});