'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);

var _Tags = require('./Tags.md');

var _Tags2 = _interopRequireDefault(_Tags);

var _TagsKnobs = require('./Tags.knobs.options');

var _TagsKnobs2 = _interopRequireDefault(_TagsKnobs);

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

(0, _react3.storiesOf)('molecules/Tags', module).addDecorator((0, _addonKnobs.withKnobs)({ escapeHTML: false })).add('Tags with ButtonToggle', function () {
  var props = {
    tags: (0, _addonKnobs.object)('Tags tags', _TagsKnobs2.default.tags),
    onClearCallback: (0, _addonActions.action)('Tags tags on clearAll'),
    onClearThisCallback: (0, _addonActions.action)('Tags tags on clearThis')
  };
  return _react2.default.createElement(_index2.default, props);
}, { info: _Tags2.default });