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

var _CalloutAlert2 = _interopRequireDefault(_CalloutAlert);

var _IconKnob = require('../../base/Icon/Icon.knob.options');

var _Paragraph = require('../../atoms/text/Paragraph');

var _Paragraph2 = _interopRequireDefault(_Paragraph);

var _OrderedList = require('../../atoms/lists/OrderedList');

var _OrderedList2 = _interopRequireDefault(_OrderedList);

var _DecorativeLink = require('../../atoms/links/DecorativeLink');

var _DecorativeLink2 = _interopRequireDefault(_DecorativeLink);

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

var themeOptions = {
  'c-highlight (default)': '',
  'c-primary': 'c-primary',
  'c-primary-alt': 'c-primary-alt',
  'c-gray-dark': 'c-gray-dark',
  'c-error-red': 'c-error-red',
  'c-white': 'c-white'
};

(0, _react3.storiesOf)('organisms/CalloutAlert', module).addDecorator((0, _addonKnobs.withKnobs)({ escapeHTML: false })).add('CalloutAlert', function () {
  var name = (0, _addonKnobs.select)('CalloutAlert icon: name', _IconKnob.svgOptions, '');
  var theme = (0, _addonKnobs.select)('theme', themeOptions, '');
  var calloutAlertProps = {
    icon: { name: name, ariaHidden: true },
    theme: theme
  };
  return _react2.default.createElement(
    _index2.default,
    calloutAlertProps,
    _react2.default.createElement(
      _Paragraph2.default,
      null,
      'A paragraph (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.'
    ),
    _react2.default.createElement(_OrderedList2.default, null),
    _react2.default.createElement(_DecorativeLink2.default, null)
  );
}, { info: _CalloutAlert2.default }).add('CalloutAlert with real data', function () {
  var calloutAlertProps = {
    icon: { name: 'alert', ariaHidden: true },
    theme: 'c-primary'
  };
  return _react2.default.createElement(
    _index2.default,
    calloutAlertProps,
    _react2.default.createElement(_Paragraph2.default, { text: '<strong>You are required to remit payment to the department starting 7/1.</strong> Because you have more than 25 total employees in Massachusetts.' }),
    _react2.default.createElement(_Paragraph2.default, { text: '<strong>You are required to remit payment on behalf of your contractors.</strong> For employers with over 50% their workforce made up of 1099s need to consider these as full time employees under the new language.' })
  );
}, { info: _CalloutAlert2.default });