'use strict';

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

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

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

var _2 = _interopRequireDefault(_);

var _NarrowTemplate = require('./NarrowTemplate.md');

var _NarrowTemplate2 = _interopRequireDefault(_NarrowTemplate);

var _NarrowTemplateKnobs = require('./NarrowTemplate.knobs.options');

var _NarrowTemplateKnobs2 = _interopRequireDefault(_NarrowTemplateKnobs);

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

(0, _react3.storiesOf)('templates', module).addDecorator((0, _addonKnobs.withKnobs)({ escapeHTML: false })).add('NarrowTemplate', function () {
  var siteLogoDomainProps = {
    url: {
      domain: (0, _addonKnobs.text)('NarrowTemplate siteLogoDomain: url domain', 'https://www.mass.gov/')
    }
  };
  var props = {
    side: (0, _addonKnobs.select)('NarrowTemplate side', _NarrowTemplateKnobs2.default.side, 'right'),
    color: (0, _addonKnobs.select)('NarrowTemplate color', _NarrowTemplateKnobs2.default.color, 'yellow'),
    siteLogoDomain: siteLogoDomainProps
  };
  return _react2.default.createElement(_2.default, props);
}, { info: _NarrowTemplate2.default });