"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 defaultRenderComponent(props) {
  const {
    src,
    alternateText
  } = props;
  const imageSrc = src !== '' ? src : 'https://reactdemo.skavaone.com/images/null_image.png';
  return react_1.default.createElement(styled_1.StyledFigure, {
    src: imageSrc,
    alt: alternateText
  });
}

exports.defaultRenderComponent = defaultRenderComponent;

function defaultRenderBox(props) {
  const {
    direction,
    gridGap,
    shouldWrap,
    desktopColSpan,
    tabletColSpan,
    mobileColSpan,
    backgroundColor,
    list,
    renderComponent
  } = props;
  const desktopColSpanPercentage = 100 / desktopColSpan;
  const tabletColSpanPercentage = 100 / tabletColSpan;
  const mobileColSpanPercentage = 100 / mobileColSpan;
  const renderComponentView = exotic_1.isArray(list) && list.map((items, index) => {
    return react_1.default.createElement(styled_1.StyledGrid, {
      key: index,
      desktopColSpan: desktopColSpanPercentage,
      tabletColSpan: tabletColSpanPercentage,
      mobileColSpan: mobileColSpanPercentage,
      order: index,
      gridGap: gridGap,
      gridColSpan: items.colSpan,
      direction: direction
    }, react_1.default.createElement(styled_1.StyledComponent, {
      backgroundColor: backgroundColor
    }, renderComponent(Object.assign({}, items, {
      index
    }))));
  });
  const gridRowView = react_1.default.createElement(styled_1.StyledRow, {
    shouldWrap: shouldWrap,
    gridGap: gridGap,
    backgroundColor: backgroundColor,
    direction: direction
  }, renderComponentView);
  return gridRowView;
}

exports.defaultRenderBox = defaultRenderBox;

function defaultRenderWrapper(props) {
  const {
    className,
    children,
    dataQa
  } = props;
  return react_1.default.createElement(styled_1.StyledWrapper, {
    className: className,
    "data-qa": dataQa
  }, children);
}

exports.defaultRenderWrapper = defaultRenderWrapper;