"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 defaultRenderImage(props) {
  const {
    image
  } = props.productItemData;
  return react_1.default.createElement(styled_1.ProductImage, {
    src: image
  });
}

exports.defaultRenderImage = defaultRenderImage;

function defaultRenderTitle(props) {
  const {
    title
  } = props.productItemData;
  return react_1.default.createElement(styled_1.ProductTitle, {
    content: title
  });
}

exports.defaultRenderTitle = defaultRenderTitle;

function defaultRenderPrice(props) {
  const {
    price
  } = props.productItemData;
  const {
    regular,
    sale
  } = price;
  return react_1.default.createElement(styled_1.ProductPricePanel, null, react_1.default.createElement(styled_1.SalePrice, {
    content: sale
  }), react_1.default.createElement(styled_1.RegularPrice, {
    content: regular
  }));
}

exports.defaultRenderPrice = defaultRenderPrice;

function defaultRenderOfferInfo(props) {
  const {
    offers
  } = props.productItemData;
  return react_1.default.createElement(styled_1.OfferLabel, {
    content: offers
  });
}

exports.defaultRenderOfferInfo = defaultRenderOfferInfo;

function defaultRenderRatings(props) {
  const {
    ratings
  } = props.productItemData;
  return react_1.default.createElement(styled_1.StyledRatings, {
    value: 4,
    count: 24
  });
}

exports.defaultRenderRatings = defaultRenderRatings;

function defaultRenderAddToCartButton(props) {
  return react_1.default.createElement(styled_1.AddtoCartButton, null, react_1.default.createElement(MaterialIcon_1.MaterialIcon, {
    type: "cart"
  }));
}

exports.defaultRenderAddToCartButton = defaultRenderAddToCartButton;

function defaultRenderFavouriteButton(props) {
  return react_1.default.createElement(styled_1.FavouriteButton, null, react_1.default.createElement(MaterialIcon_1.MaterialIcon, {
    type: "favorite"
  }));
}

exports.defaultRenderFavouriteButton = defaultRenderFavouriteButton;

function defaultRenderTemplate(props) {
  const {
    renderImage,
    renderTitle,
    renderPrice,
    renderOfferInfo,
    renderRatings,
    renderAddToCartButton,
    renderFavouriteButton
  } = props,
        remainingProps = tslib_1.__rest(props, ["renderImage", "renderTitle", "renderPrice", "renderOfferInfo", "renderRatings", "renderAddToCartButton", "renderFavouriteButton"]);

  return react_1.default.createElement(react_1.default.Fragment, null, renderImage(remainingProps), renderTitle(remainingProps), renderPrice(remainingProps), renderOfferInfo(remainingProps), renderRatings(remainingProps), react_1.default.createElement(styled_1.ButtonContainer, null, renderAddToCartButton(remainingProps), renderFavouriteButton(remainingProps)));
}

exports.defaultRenderTemplate = defaultRenderTemplate;

function defaultRenderWrapper(props) {
  const {
    className,
    children
  } = props;
  return react_1.default.createElement(styled_1.ProductItemWrapper, {
    classNam: className
  }, children);
}

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