'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 _Button = require('./Button.md');

var _Button2 = _interopRequireDefault(_Button);

var _ButtonKnobs = require('./Button.knobs.options');

var _ButtonKnobs2 = _interopRequireDefault(_ButtonKnobs);

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

(0, _react3.storiesOf)('atoms/buttons', module).addDecorator((0, _addonKnobs.withKnobs)({ escapeHTML: false })).add('Button', function () {
  var props = {
    usage: (0, _addonKnobs.select)('usage', _ButtonKnobs2.default.usage),
    theme: (0, _addonKnobs.select)('theme', _ButtonKnobs2.default.theme),
    type: (0, _addonKnobs.select)('type', _ButtonKnobs2.default.type),
    size: (0, _addonKnobs.select)('size', _ButtonKnobs2.default.size),
    info: (0, _addonKnobs.text)('info', 'this will be the tooltip text on hover'),
    disabled: (0, _addonKnobs.boolean)('disabled', false),
    text: (0, _addonKnobs.text)('text', 'Button'),
    href: (0, _addonKnobs.text)('href', ''),
    onClick: (0, _addonActions.action)('button clicked'),
    classes: (0, _addonKnobs.array)('classes', [])
  };
  return _react2.default.createElement(_index2.default, props);
}, { info: _Button2.default });