"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 styled_1 = require("./styled");

function defaultRenderHoverIcons(props) {
  const {
    handleExpand,
    handleSwap,
    handleDelete
  } = props;
  return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(styled_1.StyledCloseIcon, {
    type: 'close_icon',
    "data-qa": 'qa-remove-product-icon',
    onClick: handleDelete
  }), react_1.default.createElement(styled_1.StyledExpandIcon, {
    customPaths: MaterialIcon_1.additionalPaths,
    type: 'expand',
    "data-qa": 'qa-expand-icon',
    onClick: handleExpand
  }), react_1.default.createElement(styled_1.StyledSwapIcon, {
    customPaths: MaterialIcon_1.additionalPaths,
    type: 'swap',
    "data-qa": 'qa-swap-image-icon',
    onClick: handleSwap
  }));
}

exports.defaultRenderHoverIcons = defaultRenderHoverIcons;

function filterImages(imagesList, imageCount) {
  const images = imagesList.filter((image, index) => {
    if (index + 1 <= imageCount) {
      return true;
    }
  });
  return images;
}

function defaultRenderProductImage(props, variantData) {
  const {
    item
  } = props;

  if (variantData.imageCount) {
    const images = filterImages(item.images, variantData.imageCount);
    const imagesView = images.map(image => {
      return react_1.default.createElement(styled_1.ProductImage, {
        src: image,
        alt: item.title,
        nowrap: true
      });
    });
    return imagesView;
  }

  return react_1.default.createElement(styled_1.ProductImage, {
    src: item.images[0],
    alt: item.title,
    nowrap: true
  });
}

exports.defaultRenderProductImage = defaultRenderProductImage;

function defaultRenderProductDetails(props) {
  const {
    item
  } = props;
  return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(styled_1.ProductName, null, item.title), react_1.default.createElement(styled_1.ProductPrice, null, item.price));
}

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