"use strict";

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

const tslib_1 = require("tslib");

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

const Placeholder_1 = require("../../../../atoms/Placeholder");

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

function defaultRenderCheckoutProduct(props) {
  return react_1.default.createElement(styled_1.ProductBox, null, react_1.default.createElement(styled_1.CheckoutProductImage, null, react_1.default.createElement(styled_1.StyledImagePlaceholder, {
    width: 112,
    height: 90
  })), react_1.default.createElement(styled_1.ProductDetails, null, react_1.default.createElement(styled_1.BrandNamePlaceholder, {
    width: '85%'
  }), react_1.default.createElement(Placeholder_1.TextPlaceholder, {
    width: '95%',
    height: 20
  }), react_1.default.createElement(styled_1.ProductOptions, null, react_1.default.createElement(styled_1.StyledTextPlaceholder, null), react_1.default.createElement(styled_1.StyledTextPlaceholder, null), react_1.default.createElement(styled_1.StyledTextPlaceholder, null))));
}

exports.defaultRenderCheckoutProduct = defaultRenderCheckoutProduct;

function defaultRenderCheckoutQuantity(props) {
  return react_1.default.createElement(styled_1.QuantityBox, null, react_1.default.createElement(styled_1.StyledRectanglePlaceholder, null));
}

exports.defaultRenderCheckoutQuantity = defaultRenderCheckoutQuantity;

function defaultRenderCheckoutPrice(props) {
  return react_1.default.createElement(styled_1.ItemPriceBox, null, react_1.default.createElement(styled_1.StyledItemText, null), react_1.default.createElement(styled_1.StyledItemText, null));
}

exports.defaultRenderCheckoutPrice = defaultRenderCheckoutPrice;

function defaultRenderCheckoutTotalPrice(props) {
  return react_1.default.createElement(styled_1.TotalPriceBox, null, react_1.default.createElement(styled_1.StyledTextPlaceholder, null), react_1.default.createElement(styled_1.StyledTextPlaceholder, null));
}

exports.defaultRenderCheckoutTotalPrice = defaultRenderCheckoutTotalPrice;

function defaultRenderBox(props) {
  const {
    renderProduct,
    renderQuantity,
    renderPrice,
    renderTotalPrice
  } = props,
        remainingProps = tslib_1.__rest(props, ["renderProduct", "renderQuantity", "renderPrice", "renderTotalPrice"]);

  const product = renderProduct(remainingProps);
  const quantity = renderQuantity(remainingProps);
  const price = renderPrice(remainingProps);
  const totalPrice = renderTotalPrice(remainingProps);
  return react_1.default.createElement(react_1.default.Fragment, null, product, quantity, price, totalPrice);
}

exports.defaultRenderBox = defaultRenderBox;

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

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