'use strict';

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

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

var _IconKnob = require('../../base/Icon/Icon.knob.options');

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

var _2 = _interopRequireDefault(_);

var _index = require('../../../index');

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

(0, _react3.storiesOf)('molecules', module).addDecorator((0, _addonKnobs.withKnobs)({ escapeHTML: false })).add('IconLink', function () {
  var linkProps = {
    info: (0, _addonKnobs.text)('Link: info', 'Title info here', 'Link'),
    text: (0, _addonKnobs.text)('Link: text', 'Lorem ipsum dolor sit amet', 'Link'),
    href: (0, _addonKnobs.text)('Link: href', '#', 'Link')
  };
  var iconProps = {
    name: (0, _addonKnobs.select)('Icon: name', _IconKnob.svgOptions, '', 'Icon'),
    svgWidth: (0, _addonKnobs.text)('Icon: svgWidth', 13, 'Icon'),
    svgHeight: (0, _addonKnobs.text)('Icon: svgHeight', 13, 'Icon'),
    title: (0, _addonKnobs.text)('Icon: title', 'Icon Title Here', 'Icon'),
    classes: (0, _addonKnobs.array)('Icon: classes', ['ma__general-teaser__secondaryicon'], ' ', 'Icon')
  };
  var props = {
    icon: _react2.default.createElement(_index.Icon, iconProps),
    wrapperClasses: (0, _addonKnobs.array)('IconLink: wrapperClasses', ['']),
    link: _react2.default.createElement(_index.Link, linkProps)
  };
  return _react2.default.createElement(_2.default, props);
});