"use strict";

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

const tslib_1 = require("tslib");

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

const MaterialIcon_1 = require("../../../atoms/MaterialIcon");

const TabList_1 = require("../../../molecules/TabList");

const MediaCarousel_1 = require("../MediaCarousel");

const ProductTile_1 = require("../ProductTile");

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

function defaultRenderItem(props) {
  return react_1.default.createElement(ProductTile_1.ProductTile, Object.assign({}, props));
}

function defaultRenderContainer(props) {
  const list = props;
  const selectedItem = list.find(data => data.isSelected);
  const view = defaultRenderItem;
  const {
    item
  } = selectedItem;
  const attrs = {
    hasNavigations: true,
    type: 'carousel',
    hasBullets: false,
    renderItem: view
  };
  return react_1.default.createElement(MediaCarousel_1.MediaCarousel, Object.assign({
    list: item
  }, attrs));
}

exports.defaultRenderContainer = defaultRenderContainer;

function defaultRenderWrapper(props) {
  const {
    className,
    dataQa,
    viewAllLabel,
    viewAllCTA
  } = props,
        remainingProps = tslib_1.__rest(props, ["className", "dataQa", "viewAllLabel", "viewAllCTA"]);

  return react_1.default.createElement(styled_1.Wrapper, {
    className: className,
    "data-qa": dataQa
  }, react_1.default.createElement(styled_1.LinkHeader, null, react_1.default.createElement(styled_1.StyledLink, {
    text: viewAllLabel,
    to: viewAllCTA
  }), react_1.default.createElement(MaterialIcon_1.MaterialIcon, {
    type: "right"
  })), react_1.default.createElement(TabList_1.TabList, Object.assign({}, remainingProps)));
}

exports.defaultRenderWrapper = defaultRenderWrapper; //# sourceMappingURL=renderProps.js.map