'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 _index3 = require('../FootNoteLink/index');

var _index4 = _interopRequireDefault(_index3);

var _FootNote = require('./FootNote.md');

var _FootNote2 = _interopRequireDefault(_FootNote);

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

(0, _react3.storiesOf)('atoms/links', module).addDecorator((0, _addonKnobs.withKnobs)({ escapeHTML: false })).add('FootNote', function () {
  var props = {
    index: (0, _addonKnobs.text)('index', '1'),
    children: (0, _addonKnobs.text)('children', 'This is the footnote <a href="https://www.mass.gov/">(reference)</a>.')
  };
  return _react2.default.createElement(
    'div',
    null,
    _react2.default.createElement(
      'p',
      null,
      'This is where the footnote would be referenced. ',
      _react2.default.createElement(_index4.default, { index: props.index }),
      ' '
    ),
    _react2.default.createElement(
      _index2.default,
      { index: props.index },
      props.children
    )
  );
}, { info: _FootNote2.default });