"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

const tslib_1 = require("tslib");

const react_1 = tslib_1.__importDefault(require("react"));

const exotic_1 = require("exotic");

const styled_1 = require("./styled");

function defaultRenderModal(props, state) {
  const {
    description,
    index
  } = props;

  const handleClick = () => {
    state.handleToggleVisibility(index);
  };

  const view = react_1.default.createElement(styled_1.ModalWrapper, null, react_1.default.createElement(styled_1.HeadingWrapper, null, react_1.default.createElement(styled_1.StyledPromoHeading, {
    content: 'Promo Details:',
    breedType: 'h5'
  }), react_1.default.createElement(styled_1.StyledCloseIcon, {
    type: 'close',
    onClick: handleClick
  })), react_1.default.createElement(styled_1.StyledPromoDescription, {
    content: description
  }));
  return view;
}

exports.defaultRenderModal = defaultRenderModal;

function defaultRenderBox(props, state) {
  const {
    renderModal,
    name,
    index
  } = props,
        remainingProps = tslib_1.__rest(props, ["renderModal", "name", "index"]);

  const handleClick = () => {
    state.handleToggleVisibility(index);
  };

  const view = react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(styled_1.PromotionText, {
    onClick: handleClick
  }, name), exotic_1.isSafe(state) && state.isVisible === true && state.selectedIndex === index && exotic_1.isFunction(renderModal) && renderModal(props, state));
  return view;
}

exports.defaultRenderBox = defaultRenderBox;

function defaultRenderWrapper(props, state) {
  const {
    className,
    children,
    dataQa
  } = props;
  const passThroughProps = {
    className,
    'data-qa': dataQa
  };
  return react_1.default.createElement(styled_1.Wrapper, Object.assign({}, passThroughProps), children);
}

exports.defaultRenderWrapper = defaultRenderWrapper;