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

var _IllustratedHeader2 = _interopRequireDefault(_IllustratedHeader);

var _IllustratedHeaderKnobs = require('./IllustratedHeader.knobs.options');

var _IllustratedHeaderKnobs2 = _interopRequireDefault(_IllustratedHeaderKnobs);

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

(0, _react3.storiesOf)('organisms', module).addDecorator((0, _addonKnobs.withKnobs)({ escapeHTML: false })).add('IllustratedHeader', function () {
  var defaultProps = _IllustratedHeaderKnobs2.default.illustratedHeader;
  var props = {
    bgInfo: (0, _addonKnobs.text)('bgInfo', defaultProps.bgInfo),
    bgImage: (0, _addonKnobs.text)('bgImage', defaultProps.bgImage),
    category: (0, _addonKnobs.text)('category', defaultProps.category),
    inverted: (0, _addonKnobs.boolean)('inverted', defaultProps.inverted),
    publishState: {
      text: (0, _addonKnobs.text)('publishState', defaultProps.publishState.text)
    },
    pageHeader: {
      title: (0, _addonKnobs.text)('IllustratedHeader pageHeader: title', defaultProps.pageHeader.title, 'PageHeader'),
      subTitle: (0, _addonKnobs.text)('IllustratedHeader pageHeader: subtitle', defaultProps.pageHeader.subTitle, 'PageHeader'),
      optionalContents: [{
        paragraph: {
          text: (0, _addonKnobs.text)('IllustratedHeader pageHeader, optionalContents: paragraph', defaultProps.pageHeader.optionalContents[0].paragraph.text, 'PageHeader')
        }
      }],
      headerTags: null
    }
  };
  return _react2.default.createElement(
    _index2.default,
    props,
    _react2.default.createElement('hr', null),
    _react2.default.createElement(
      'p',
      null,
      'Additional Information'
    )
  );
}, { info: _IllustratedHeader2.default });