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

var _LinkList2 = _interopRequireDefault(_LinkList);

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

(0, _react3.storiesOf)('organisms', module).addDecorator((0, _addonKnobs.withKnobs)({ escapeHTML: false })).add('LinkList', function () {
  var levelOptions = [1, 2, 3, 4, 5, 6];
  var props = {
    compHeading: {
      title: (0, _addonKnobs.text)('LinkList compHeading: title', 'Link List', 'CompHeading'),
      titleContext: (0, _addonKnobs.text)('LinkList compHeading: titleContext', 'link list', 'CompHeading'),
      level: (0, _addonKnobs.select)('LinkList compHeading: level', levelOptions, levelOptions[2], 'CompHeading'),
      color: (0, _addonKnobs.select)('LinkList compHeading: color', { 'green (default)': '', yellow: 'yellow' }, '', 'CompHeading'),
      id: (0, _addonKnobs.text)('LinkList compHeading: titleContext', 'link list', 'CompHeading'),
      centered: (0, _addonKnobs.boolean)('LinkList compHeading: centered', false, 'CompHeading'),
      sidebar: (0, _addonKnobs.boolean)('LinkList compHeading: sidebar', false, 'CompHeading')
    },
    description: {
      text: (0, _addonKnobs.text)('LinkList description', '')
    },
    stacked: (0, _addonKnobs.boolean)('LinkList stacked', false),
    hideBullets: (0, _addonKnobs.boolean)('LinkList hideBullets', false),
    links: (0, _addonKnobs.object)('LinkList links', [{
      href: '#',
      text: 'Lorem ipsum dolor sit amet.',
      info: ''
    }, {
      href: '#',
      text: 'Lorem ipsum dolor sit amet.',
      info: ''
    }, {
      href: '#',
      text: 'Lorem ipsum dolor sit amet.',
      info: ''
    }, {
      href: '#',
      text: 'Lorem ipsum dolor sit amet.',
      info: ''
    }, {
      href: '#',
      text: 'Lorem ipsum dolor sit amet.',
      info: ''
    }]),
    more: {
      href: (0, _addonKnobs.text)('LinkList more: href', '#'),
      text: (0, _addonKnobs.text)('LinkList more: text', 'See all 10 related services '),
      info: (0, _addonKnobs.text)('LinkList more: label', 'See all of the resources for Executive Office of Health and Human Services')
    }
  };
  return _react2.default.createElement(_index2.default, props);
}, { info: _LinkList2.default });