'use strict';

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

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

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

var _index2 = _interopRequireDefault(_index);

var _CalloutLink = require('./CalloutLink.md');

var _CalloutLink2 = _interopRequireDefault(_CalloutLink);

var _CalloutLinkKnobs = require('./CalloutLink.knobs.options');

var _CalloutLinkKnobs2 = _interopRequireDefault(_CalloutLinkKnobs);

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

(0, _react3.storiesOf)('molecules/CalloutLink', module).addDecorator((0, _addonKnobs.withKnobs)({ escapeHTML: false })).add('CalloutLink', function () {
  var props = {
    text: (0, _addonKnobs.text)('text', 'Link to another page'),
    href: (0, _addonKnobs.text)('href', ''),
    info: (0, _addonKnobs.text)('info', 'this will be the tooltip text on hover'),
    description: (0, _addonKnobs.text)('description', ''),
    eyebrow: (0, _addonKnobs.text)('eyebrow', ''),
    time: (0, _addonKnobs.text)('time', ''),
    emphasized: (0, _addonKnobs.text)('emphasized', ''),
    theme: (0, _addonKnobs.select)('theme', _CalloutLinkKnobs2.default.theme, '')
  };
  return _react2.default.createElement(_index2.default, props);
}, { info: _CalloutLink2.default }).add('CalloutLink with Description', function () {
  var props = {
    text: (0, _addonKnobs.text)('text', 'Link to another page'),
    href: (0, _addonKnobs.text)('href', ''),
    info: (0, _addonKnobs.text)('info', 'this will be the tooltip text on hover'),
    description: (0, _addonKnobs.text)('description', 'This is some more important information about the text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rutrum mauris quam, et imperdiet purus pellentesque vel.'),
    theme: (0, _addonKnobs.select)('theme', _CalloutLinkKnobs2.default.theme, '')
  };
  return _react2.default.createElement(_index2.default, props);
}).add('CalloutLink with Details', function () {
  var props = {
    text: (0, _addonKnobs.text)('text', 'Attorney General Announces a New Health Care Program'),
    href: (0, _addonKnobs.text)('href', ''),
    info: (0, _addonKnobs.text)('info', 'this will be the tooltip text on hover'),
    eyebrow: (0, _addonKnobs.text)('eyebrow', 'Press Release'),
    time: (0, _addonKnobs.text)('time', '30 mins Ago'),
    emphasized: (0, _addonKnobs.text)('emphasized', 'Office of the Attorney General'),
    theme: (0, _addonKnobs.select)('theme', _CalloutLinkKnobs2.default.theme, 'white')
  };
  return _react2.default.createElement(_index2.default, props);
}, { info: _CalloutLink2.default });