'use strict';

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

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

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

var _index2 = _interopRequireDefault(_index);

var _CalloutAlert = require('../CalloutAlert');

var _CalloutAlert2 = _interopRequireDefault(_CalloutAlert);

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

var _Paragraph2 = _interopRequireDefault(_Paragraph);

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

var themeOptions = {
  'c-highlight': 'c-highlight',
  'c-primary (default)': '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/HelpTip', module).addDecorator((0, _react4.withKnobs)({ escapeHTML: false })).add('HelpTip with HelpText', function () {
  var props = {
    text: (0, _react4.text)('text', 'I am a complete sentence with a help tip in it and another help tip here.'),
    triggerText: (0, _react4.array)('triggerText', ['a help tip', 'another help tip']),
    helpText: (0, _react4.array)('helpText', ['This is a bunch of help text that should be helpful.', 'Another bunch of help text that should be helpful.']),
    id: (0, _react4.text)('id', 'helptext-id-123'),
    bypassMobileStyle: (0, _react4.boolean)('bypassMobileStyle', false),
    hasMarkup: (0, _react4.boolean)('hasMarkup', true),
    theme: (0, _react4.select)('theme', themeOptions, 'c-primary'),
    disabled: (0, _react4.boolean)('disabled', false)
  };

  return _react2.default.createElement(_index2.default, props);
}).add('HelpTip with Children', function () {
  var props = {
    text: (0, _react4.text)('text', 'I am a complete sentence with a help tip in it and another help tip here.'),
    triggerText: (0, _react4.array)('triggerText', ['a help tip', 'another help tip']),
    id: (0, _react4.text)('id', 'helptext-id-123'),
    bypassMobileStyle: (0, _react4.boolean)('bypassMobileStyle', false),
    hasMarkup: (0, _react4.boolean)('hasMarkup', true),
    theme: (0, _react4.select)('theme', themeOptions, 'c-primary'),
    disabled: (0, _react4.boolean)('disabled', false)
  };

  return _react2.default.createElement(
    _index2.default,
    props,
    _react2.default.createElement(
      _CalloutAlert2.default,
      { theme: props.theme, icon: null },
      _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.' })
    ),
    _react2.default.createElement(
      _CalloutAlert2.default,
      { theme: props.theme, icon: null },
      _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.' })
    )
  );
});