'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 _ButtonWithIconKnobs = require('../../atoms/buttons/ButtonWithIcon/ButtonWithIcon.knobs.options');

var _ButtonWithIconKnobs2 = _interopRequireDefault(_ButtonWithIconKnobs);

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

(0, _react3.storiesOf)('molecules', module).addDecorator((0, _addonKnobs.withKnobs)({ escapeHTML: false })).add('LinkDropdown', function () {
  var props = {
    dropdownButton: {
      text: (0, _addonKnobs.text)('text', 'Add to calendar', 'dropdownButton'),
      theme: (0, _addonKnobs.select)('theme', _ButtonWithIconKnobs2.default.theme, 'c-primary', 'dropdownButton'),
      usage: (0, _addonKnobs.select)('usage', _ButtonWithIconKnobs2.default.usage, 'quaternary-simple', 'dropdownButton'),
      id: (0, _addonKnobs.text)('id', 'dropdownbutton-simple', 'dropdownButton'),
      capitalized: (0, _addonKnobs.boolean)('capitalized', true, 'dropdownButton')
    },
    dropdownItems: (0, _addonKnobs.object)('dropdownItems', [{
      text: 'Google Calendar',
      href: '#'
    }, {
      text: 'Outlook Calendar',
      href: '#'
    }], 'dropdownItems'),
    onItemSelect: (0, _addonActions.action)('onItemSelect onClick'),
    onButtonClick: (0, _addonActions.action)('onButtonClick onClick')
  };
  return _react2.default.createElement(_2.default, props);
});