'use strict';

exports.__esModule = true;

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

var _DecorativeLink2 = _interopRequireDefault(_DecorativeLink);

var _Icon = require('../../../base/Icon');

var _Icon2 = _interopRequireDefault(_Icon);

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

exports.default = {
  info: function info(value) {
    return (0, _addonKnobs.text)('DecorativeLink: info', value, 'DecorativeLink');
  },
  text: function text(value) {
    return (0, _addonKnobs.text)('DecorativeLink: linkText', value, 'DecorativeLink');
  },
  href: function href(value) {
    return (0, _addonKnobs.text)('DecorativeLink: href', value, 'DecorativeLink');
  },
  showFileIcon: function showFileIcon(value) {
    return (0, _addonKnobs.boolean)('DecorativeLink: showFileIcon', value, 'DecorativeLink');
  }
};


(0, _react3.storiesOf)('atoms/links', module).addDecorator((0, _addonKnobs.withKnobs)({ escapeHTML: false })).add('DecorativeLink', function () {
  var props = {
    info: (0, _addonKnobs.text)('DecorativeLink: info', 'This is a clickable styled link', 'DecorativeLink'),
    text: (0, _addonKnobs.text)('DecorativeLink: text', 'HTML Page as a Link', 'DecorativeLink'),
    href: (0, _addonKnobs.text)('DecorativeLink: href', '#', 'DecorativeLink'),
    showFileIcon: (0, _addonKnobs.boolean)('DecorativeLink: showFileIcon', false, 'DecorativeLink')
  };
  var fileProps = {
    info: (0, _addonKnobs.text)('DecorativeLink as File: info', 'This is a clickable styled link', 'DecorativeLink as File'),
    text: (0, _addonKnobs.text)('DecorativeLink as File: text', 'File as a Link', 'DecorativeLink as File'),
    href: (0, _addonKnobs.text)('DecorativeLink as File: href', 'https://www.mass.gov/test.pdf', 'DecorativeLink as File'),
    showFileIcon: (0, _addonKnobs.boolean)('DecorativeLink as File: showFileIcon', true, 'DecorativeLink as File')
  };
  var fileDlProps = {
    info: (0, _addonKnobs.text)('DecorativeLink as File Dl: info', 'This is a clickable styled link', 'DecorativeLink as File Download'),
    text: (0, _addonKnobs.text)('DecorativeLink as File Dl: text', 'File Download as a Link', 'DecorativeLink as File Download'),
    href: (0, _addonKnobs.text)('DecorativeLink as File Dl: href', 'https://www.mass.gov/test.pdf', 'DecorativeLink as File Download'),
    details: (0, _addonKnobs.text)('DecorativeLink as File Dl: details', '(30 MB)', 'DecorativeLink as File Download'),
    showFileIcon: (0, _addonKnobs.boolean)('DecorativeLink as as File Dl: showFileIcon', true, 'DecorativeLink as File'),
    icon: _react2.default.createElement(_Icon2.default, { name: 'download', svgWidth: 15, svgHeight: 15 })
  };
  return _react2.default.createElement(
    _react2.default.Fragment,
    null,
    _react2.default.createElement(_index2.default, props),
    _react2.default.createElement('hr', null),
    _react2.default.createElement(_index2.default, fileProps),
    _react2.default.createElement('hr', null),
    _react2.default.createElement(_index2.default, fileDlProps)
  );
}, { info: _DecorativeLink2.default });
module.exports = exports['default'];