'use strict';

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

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

var _stateseal = require('../../../assets/images/stateseal.png');

var _stateseal2 = _interopRequireDefault(_stateseal);

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

var _2 = _interopRequireDefault(_);

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

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

(0, _react3.storiesOf)('organisms', module).addDecorator((0, _addonKnobs.withKnobs)({ escapeHTML: false })).add('HeaderSlim', function () {
  var siteLogoProps = {
    url: {
      domain: (0, _addonKnobs.text)('HeaderSlim siteLogo: url domain', 'https://www.mass.gov/')
    },
    image: {
      src: (0, _addonKnobs.text)('HeaderSlim siteLogo: image src', _stateseal2.default),
      alt: (0, _addonKnobs.text)('HeaderSlim siteLogo: image alt', 'Massachusetts state seal'),
      width: (0, _addonKnobs.number)('HeaderSlim siteLogo: image width', 45),
      height: (0, _addonKnobs.number)('HeaderSlim siteLogo: image height', 45)
    },
    siteName: (0, _addonKnobs.text)('HeaderSlim siteLogo: siteName', 'Mass.gov'),
    title: (0, _addonKnobs.text)('HeaderSlim siteLogo: title', 'Mass.gov homepage')
  };
  var headerProps = {
    siteLogo: _react2.default.createElement(_index.SiteLogo, siteLogoProps)
  };
  return _react2.default.createElement(_2.default, headerProps);
});