"use strict";
var __rest = (this && this.__rest) || function (s, e) {
    var t = {};
    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
        t[p] = s[p];
    if (s != null && typeof Object.getOwnPropertySymbols === "function")
        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
            t[p[i]] = s[p[i]];
    return t;
};
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = __importDefault(require("react"));
const Placeholder_1 = require("atoms/Placeholder");
const styled_1 = require("./styled");
function defaultRenderProduct(props) {
    return (react_1.default.createElement(react_1.default.Fragment, null,
        react_1.default.createElement(styled_1.StyledRectanglePlaceholder, { height: 250 }),
        react_1.default.createElement(styled_1.ProductDetailsPlaceholder, { width: 220, height: 26 }),
        react_1.default.createElement(styled_1.ProductDetailsPlaceholder, { width: 150, height: 18 }),
        react_1.default.createElement(styled_1.ProductDetailsPlaceholder, { width: 50, height: 14 }),
        react_1.default.createElement(styled_1.ProductDetailsPlaceholder, { width: 70, height: 16 })));
}
exports.defaultRenderProduct = defaultRenderProduct;
function defaultRenderOptions(props) {
    return (react_1.default.createElement(react_1.default.Fragment, null,
        react_1.default.createElement(styled_1.ProductOptionsWrapper, null,
            react_1.default.createElement(styled_1.StyledTextPlaceholder, { width: 150, height: 16 }),
            react_1.default.createElement(styled_1.StyledColorPlaceholder, { width: 30, height: 30 }),
            react_1.default.createElement(styled_1.StyledColorPlaceholder, { width: 30, height: 30 }),
            react_1.default.createElement(styled_1.StyledColorPlaceholder, { width: 30, height: 30 }),
            react_1.default.createElement(styled_1.StyledColorPlaceholder, { width: 30, height: 30 })),
        react_1.default.createElement(styled_1.ProductOptionsWrapper, null,
            react_1.default.createElement(styled_1.StyledTextPlaceholder, { width: 150, height: 16 }),
            react_1.default.createElement(styled_1.StyledColorPlaceholder, { width: 48, height: 48 }),
            react_1.default.createElement(styled_1.StyledColorPlaceholder, { width: 48, height: 48 }),
            react_1.default.createElement(styled_1.StyledColorPlaceholder, { width: 48, height: 48 }),
            react_1.default.createElement(styled_1.StyledColorPlaceholder, { width: 48, height: 48 })),
        react_1.default.createElement(styled_1.ProductOptionsWrapper, null,
            react_1.default.createElement(styled_1.StyledTextPlaceholder, { width: 150, height: 16 }),
            react_1.default.createElement(styled_1.StyledColorPlaceholder, { width: 70, height: 48 }),
            react_1.default.createElement(styled_1.StyledColorPlaceholder, { width: 70, height: 48 }),
            react_1.default.createElement(styled_1.StyledColorPlaceholder, { width: 70, height: 48 }),
            react_1.default.createElement(styled_1.StyledColorPlaceholder, { width: 70, height: 48 }))));
}
exports.defaultRenderOptions = defaultRenderOptions;
function defaultRenderDescription(props) {
    return (react_1.default.createElement(react_1.default.Fragment, null,
        react_1.default.createElement(styled_1.StyledTextPlaceholder, { width: 150, height: 16 }),
        react_1.default.createElement(Placeholder_1.ParagraphPlaceholder, { itemHeight: 10, lineSpacing: 10, rows: 4 })));
}
exports.defaultRenderDescription = defaultRenderDescription;
function defaultRenderRating(props) {
    return (react_1.default.createElement(react_1.default.Fragment, null,
        react_1.default.createElement(styled_1.StyledTextPlaceholder, { width: 110, height: 16 }),
        react_1.default.createElement(Placeholder_1.RectanglePlaceholder, { className: "rating", width: 150, height: 40 }),
        react_1.default.createElement(styled_1.StyledTextPlaceholder, { width: 150, height: 16 })));
}
exports.defaultRenderRating = defaultRenderRating;
function defaultRenderQuantity(props) {
    return (react_1.default.createElement(react_1.default.Fragment, null,
        react_1.default.createElement(styled_1.StyledTextPlaceholder, { width: 110, height: 16 }),
        react_1.default.createElement(Placeholder_1.RectanglePlaceholder, { className: "drop-down", width: 150, height: 40 })));
}
exports.defaultRenderQuantity = defaultRenderQuantity;
function defaultRenderButton(props) {
    return react_1.default.createElement(Placeholder_1.TextPlaceholder, { width: 200, height: 44 });
}
exports.defaultRenderButton = defaultRenderButton;
function defaultRenderBox(props) {
    const { renderProduct, renderOptions, renderDescription, renderQuantity, renderButton, renderRating } = props, remainingProps = __rest(props, ["renderProduct", "renderOptions", "renderDescription", "renderQuantity", "renderButton", "renderRating"]);
    const productView = renderProduct(remainingProps);
    const optionsView = renderOptions(remainingProps);
    const descriptionView = renderDescription(remainingProps);
    const quantityView = renderQuantity(remainingProps);
    const ratingView = renderRating(remainingProps);
    const buttonView = renderButton(remainingProps);
    return (react_1.default.createElement(styled_1.ProductItemContainer, null,
        react_1.default.createElement(styled_1.ProductSection, null, productView),
        react_1.default.createElement(styled_1.ProductOptions, null, optionsView),
        react_1.default.createElement(styled_1.Description, null, descriptionView),
        react_1.default.createElement(styled_1.Rating, null, ratingView),
        react_1.default.createElement(styled_1.Quantity, null, quantityView),
        react_1.default.createElement(styled_1.Button, null, buttonView)));
}
exports.defaultRenderBox = defaultRenderBox;
function defaultRenderWrapper(props) {
    const { className, children } = props;
    return (react_1.default.createElement(styled_1.ProductItemWrapper, { className: className }, children));
}
exports.defaultRenderWrapper = defaultRenderWrapper;
//# sourceMappingURL=renderProps.js.map