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

var _ColoredHeading2 = _interopRequireDefault(_ColoredHeading);

var _ColoredHeadingKnobs = require('./ColoredHeading.knobs.options');

var _ColoredHeadingKnobs2 = _interopRequireDefault(_ColoredHeadingKnobs);

var _HeadingsKnobs = require('../Headings.knobs.options');

var _HeadingsKnobs2 = _interopRequireDefault(_HeadingsKnobs);

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

(0, _react3.storiesOf)('atoms/headings', module).addDecorator((0, _addonKnobs.withKnobs)({ escapeHTML: false })).add('ColoredHeading', function () {
  var props = {
    text: (0, _addonKnobs.text)('text', 'Title text'),
    level: (0, _addonKnobs.select)('level', _HeadingsKnobs2.default.levels, 2),
    color: (0, _addonKnobs.select)('color', _ColoredHeadingKnobs2.default.color)
  };
  return _react2.default.createElement(_index2.default, props);
}, { info: _ColoredHeading2.default });