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

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

const renderAddToCartIcon = props => react_1.default.createElement(MaterialIcon_1.MaterialIcon, {
  type: "cart"
});

const renderFavIcon = props => react_1.default.createElement(MaterialIcon_1.MaterialIcon, {
  type: "favorite_border"
});

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, {
    breedType: "icon-with-text",
    text: "Add To Cart",
    renderIcon: renderAddToCartIcon
  });
}

exports.defaultRenderAddToCartButton = defaultRenderAddToCartButton;

function defaultRenderFacetList(props) {
  return react_1.default.createElement(styled_1.FacetsPanel, null, react_1.default.createElement(styled_1.StyledSelectDropDown, {
    options: fixture_1.ColorList
  }), react_1.default.createElement(styled_1.StyledSelectDropDown, {
    options: fixture_1.StyleList
  }), react_1.default.createElement(styled_1.StyledSelectDropDown, {
    options: fixture_1.FitList
  }));
}

exports.defaultRenderFacetList = defaultRenderFacetList;

function defaultRenderFavouriteButton(props) {
  return react_1.default.createElement(styled_1.FavouriteButton, {
    breedType: "icon-with-text",
    text: "Save",
    renderIcon: renderFavIcon
  });
}

exports.defaultRenderFavouriteButton = defaultRenderFavouriteButton;

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

  return react_1.default.createElement(react_1.default.Fragment, null, renderImage(remainingProps), renderTitle(remainingProps), renderPrice(remainingProps), renderOfferInfo(remainingProps), renderRatings(remainingProps), renderFacetList(remainingProps), react_1.default.createElement(styled_1.ButtonsPanel, null, renderFavouriteButton(remainingProps), renderAddToCartButton(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