'use strict';

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

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

var _ = require('../../..');

var _2 = _interopRequireDefault(_);

var _ImagePromo = require('./ImagePromo.md');

var _ImagePromo2 = _interopRequireDefault(_ImagePromo);

var _Icon = require('../../base/Icon');

var _Icon2 = _interopRequireDefault(_Icon);

var _x = require('../../../assets/images/placeholder/190x107.png');

var _x2 = _interopRequireDefault(_x);

var _x3 = require('../../../assets/images/placeholder/100x100.png');

var _x4 = _interopRequireDefault(_x3);

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

(0, _react3.storiesOf)('molecules/ImagePromo', module).addDecorator((0, _addonKnobs.withKnobs)({ escapeHTML: false })).add('ImagePromo', function () {
  var props = {
    title: {
      href: (0, _addonKnobs.text)('ImagePromo: title href', '#', 'Title'),
      text: (0, _addonKnobs.text)('ImagePromo: title text', 'Activity Title', 'Title')
    },
    tags: null,
    stacked: (0, _addonKnobs.boolean)('ImagePromo: stacked', false),
    small: (0, _addonKnobs.boolean)('ImagePromo: small', false),
    image: {
      src: (0, _addonKnobs.text)('ImagePromo: image src', _x2.default, 'Image'),
      alt: (0, _addonKnobs.text)('ImagePromo: image alt', 'placeholder image', 'Image'),
      width: (0, _addonKnobs.number)('ImagePromo: image width', 190, 'Image'),
      height: (0, _addonKnobs.number)('ImagePromo: image height', 107, 'Image')
    },
    subTitle: (0, _addonKnobs.text)('ImagePromo: subTitle', 'subtitle'),
    description: (0, _addonKnobs.text)('ImagePromo: description', 'Explicabo itaque possimus dignissimos? Repudiandae tempore, fugit illum? Iure error omnis eveniet eius iste molestias. Veritatis provident hic voluptate voluptatibus ullam accusantium, obcaecati tempora soluta praesentium accusamus sed dicta sapiente.'),
    link: {
      text: (0, _addonKnobs.text)('ImagePromo: link text', 'Read More', 'Link'),
      href: (0, _addonKnobs.text)('ImagePromo: link href', '#', 'Link'),
      info: (0, _addonKnobs.text)('ImagePromo: link info', 'Read More about Activity Title', 'Link')
    },
    location: null,
    phone: null
  };
  return _react2.default.createElement(_2.default, props);
}, { info: _ImagePromo2.default }).add('ImagePromo as orgInfo', function () {
  var props = {
    title: {
      href: (0, _addonKnobs.text)('ImagePromo: title href', '#', 'Title'),
      text: (0, _addonKnobs.text)('ImagePromo: title text', 'Maura Healey', 'Title')
    },
    tags: null,
    stacked: (0, _addonKnobs.boolean)('ImagePromo: stacked', true),
    small: (0, _addonKnobs.boolean)('ImagePromo: small', true),
    image: {
      src: (0, _addonKnobs.text)('ImagePromo: image src', _x4.default, 'Image'),
      alt: (0, _addonKnobs.text)('ImagePromo: image alt', 'placeholder image', 'Image'),
      width: (0, _addonKnobs.number)('ImagePromo: image width', 100, 'Image'),
      height: (0, _addonKnobs.number)('ImagePromo: image height', 100, 'Image')
    },
    subTitle: (0, _addonKnobs.text)('ImagePromo: subTitle', 'Attorney General'),
    description: (0, _addonKnobs.text)('ImagePromo: description', 'The Attorney General is the chief lawyer and law enforcement officer of the Commonwealth of Massachusetts. In addition, her office is an advocate and resource for the Commonwealth and its residents.'),
    link: {
      text: (0, _addonKnobs.text)('ImagePromo: link text', 'more information', 'Link'),
      href: (0, _addonKnobs.text)('ImagePromo: link href', '#', 'Link'),
      info: (0, _addonKnobs.text)('ImagePromo: link info', 'learn more about Attorney General Maura Healey', 'Link')
    },
    location: null,
    phone: null
  };
  return _react2.default.createElement(_2.default, props);
}, { info: _ImagePromo2.default }).add('ImagePromo with map link', function () {
  var props = {
    title: {
      href: (0, _addonKnobs.text)('ImagePromo: title href', '#', 'Title'),
      text: (0, _addonKnobs.text)('ImagePromo: title text', 'Activity Title', 'Title')
    },
    tags: [{
      id: 123,
      label: 'handicapped accessible',
      icon: _react2.default.createElement(_Icon2.default, { name: 'wheelchair' })
    }, {
      id: 456,
      label: 'open now',
      icon: _react2.default.createElement(_Icon2.default, { name: 'opennow' })
    }],
    stacked: (0, _addonKnobs.boolean)('ImagePromo: stacked', false),
    small: (0, _addonKnobs.boolean)('ImagePromo: small', false),
    image: {
      src: (0, _addonKnobs.text)('ImagePromo: image src', _x2.default, 'Image'),
      alt: (0, _addonKnobs.text)('ImagePromo: image alt', 'placeholder image', 'Image'),
      width: undefined,
      height: (0, _addonKnobs.number)('ImagePromo: image height', 107, 'Image')
    },
    subTitle: (0, _addonKnobs.text)('ImagePromo: subTitle', 'subtitle'),
    description: (0, _addonKnobs.text)('ImagePromo: description', 'Explicabo itaque possimus dignissimos? Repudiandae tempore, fugit illum? Iure error omnis eveniet eius iste molestias. Veritatis provident hic voluptate voluptatibus ullam accusantium, obcaecati tempora soluta praesentium accusamus sed dicta sapiente.'),
    link: {
      text: (0, _addonKnobs.text)('ImagePromo: link text', 'Directions', 'Link'),
      href: (0, _addonKnobs.text)('ImagePromo: link href', '#', 'Link'),
      info: (0, _addonKnobs.text)('ImagePromo: link info', 'Directions to Activity Title', 'Link')
    },
    location: {
      text: (0, _addonKnobs.text)('ImagePromo: location text', '89 Summer St, Malden, MA 02148', 'Location'),
      map: true
    },
    phone: {
      text: (0, _addonKnobs.text)('ImagePromo: phone text', '(781) 322-7500', 'Phone'),
      href: (0, _addonKnobs.text)('ImagePromo: phone href', '17813227500', 'Phone')
    }
  };

  return _react2.default.createElement(_2.default, props);
}, { info: _ImagePromo2.default });