'use strict';

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

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

var _Paragraph = require('./Paragraph.md');

var _Paragraph2 = _interopRequireDefault(_Paragraph);

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

var _index2 = _interopRequireDefault(_index);

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

(0, _react3.storiesOf)('atoms/text', module).addDecorator((0, _addonKnobs.withKnobs)({ escapeHTML: false })).add('Paragraph', function () {
  var props = {
    text: (0, _addonKnobs.text)('text', 'A <strong>paragraph</strong> (from the Greek paragraphos, "to write beside" or "written beside") is a self-contained unit of a discourse in writing dealing with a particular point or idea. A paragraph consists of one or more sentences. Though not required by the syntax of any language, paragraphs are usually an expected part of formal writing, used to organize longer prose.'),
    className: (0, _addonKnobs.text)('className', 'ma__custom-class')
  };
  return _react2.default.createElement(_index2.default, props);
}, { info: _Paragraph2.default }).add('Paragraph using props.children', function () {
  var child = (0, _addonKnobs.text)('text', 'A <strong>paragraph</strong> (from the Greek paragraphos, "to write beside" or "written beside") is a self-contained unit of a discourse in writing dealing with a particular point or idea. A paragraph consists of one or more sentences. Though not required by the syntax of any language, paragraphs are usually an expected part of formal writing, used to organize longer prose.');

  var props = {
    className: (0, _addonKnobs.text)('className', 'ma__custom-class')
  };
  return _react2.default.createElement(
    _index2.default,
    props,
    child
  );
}, { info: _Paragraph2.default });