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

var _PageHeader2 = _interopRequireDefault(_PageHeader);

var _PageHeaderKnobs = require('./PageHeader.knobs.options');

var _PageHeaderKnobs2 = _interopRequireDefault(_PageHeaderKnobs);

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

(0, _react3.storiesOf)('organisms', module).addDecorator((0, _addonKnobs.withKnobs)({ escapeHTML: false })).add('PageHeader', function () {
  var defaultProps = _PageHeaderKnobs2.default.pageHeader;
  var props = {
    category: (0, _addonKnobs.text)('category', defaultProps.category),
    title: (0, _addonKnobs.text)('title', defaultProps.title),
    subTitle: (0, _addonKnobs.text)('subTitle', defaultProps.subTitle),
    optionalContents: [{
      paragraph: {
        text: (0, _addonKnobs.text)('PageHeader optionalContents: paragraph', defaultProps.optionalContents[0].paragraph.text)
      }
    }],
    publishState: {
      text: (0, _addonKnobs.text)('publishState', defaultProps.publishState.text)
    },
    headerTags: null
  };
  return _react2.default.createElement(_index2.default, props);
}, { info: _PageHeader2.default });