"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");
/**
 * render shipping address
 */
function defaultRenderShippingAddress(props) {
    return (react_1.default.createElement(react_1.default.Fragment, null,
        react_1.default.createElement(styled_1.TextPlaceholderItem, { width: 150, height: 25 }),
        react_1.default.createElement(Placeholder_1.ParagraphPlaceholder, { widthList: [75, 92, 60, 30], rows: 4, lineSpacing: 8, itemHeight: 10 })));
}
exports.defaultRenderShippingAddress = defaultRenderShippingAddress;
/**
 * render shipping method
 */
function defaultRenderShippingMethod(props) {
    return (react_1.default.createElement(react_1.default.Fragment, null,
        react_1.default.createElement(styled_1.TextPlaceholderItem, { width: 150, height: 25 }),
        react_1.default.createElement(Placeholder_1.ParagraphPlaceholder, { widthList: [60, 80, 30], rows: 3, lineSpacing: 8, itemHeight: 10 })));
}
exports.defaultRenderShippingMethod = defaultRenderShippingMethod;
/**
 * render payment method
 */
function defaultRenderPaymentMethod(props) {
    return (react_1.default.createElement(react_1.default.Fragment, null,
        react_1.default.createElement(styled_1.TextPlaceholderItem, { width: 150, height: 25 }),
        react_1.default.createElement(Placeholder_1.ParagraphPlaceholder, { widthList: [100], rows: 1, lineSpacing: 8, itemHeight: 10 })));
}
exports.defaultRenderPaymentMethod = defaultRenderPaymentMethod;
/**
 * render product order summary
 */
function defaultRenderOrderSummary(props) {
    return (react_1.default.createElement(react_1.default.Fragment, null,
        react_1.default.createElement(styled_1.TextPlaceholderItem, { width: 150, height: 25 }),
        react_1.default.createElement(styled_1.PaymentOrderSummary, null,
            react_1.default.createElement(styled_1.PaymentSummaryRow, { className: "row", role: "row" },
                react_1.default.createElement(styled_1.OrderLeftSection, null,
                    react_1.default.createElement(Placeholder_1.TextPlaceholder, { width: 130, height: 10 })),
                react_1.default.createElement(styled_1.OrderRightSection, null,
                    react_1.default.createElement(Placeholder_1.TextPlaceholder, { width: 80, height: 10 }))),
            react_1.default.createElement(styled_1.PaymentSummaryRow, { className: "row", role: "row" },
                react_1.default.createElement(styled_1.OrderLeftSection, null,
                    react_1.default.createElement(Placeholder_1.TextPlaceholder, { width: 150, height: 10 })),
                react_1.default.createElement(styled_1.OrderRightSection, null,
                    react_1.default.createElement(Placeholder_1.TextPlaceholder, { width: 40, height: 10 }))),
            react_1.default.createElement(styled_1.PaymentSummaryRow, { className: "row", role: "row" },
                react_1.default.createElement(styled_1.OrderLeftSection, null,
                    react_1.default.createElement(Placeholder_1.TextPlaceholder, { width: 150, height: 10 })),
                react_1.default.createElement(styled_1.OrderRightSection, null,
                    react_1.default.createElement(Placeholder_1.TextPlaceholder, { width: 60, height: 10 }))),
            react_1.default.createElement(styled_1.PaymentSummaryRow, { className: "row", role: "row" },
                react_1.default.createElement(styled_1.OrderLeftSection, null,
                    react_1.default.createElement(Placeholder_1.TextPlaceholder, { width: 60, height: 10 })),
                react_1.default.createElement(styled_1.OrderRightSection, null,
                    react_1.default.createElement(Placeholder_1.TextPlaceholder, { width: 80, height: 10 }))),
            react_1.default.createElement(styled_1.PaymentSummaryRow, { className: "row", role: "row" },
                react_1.default.createElement(styled_1.OrderLeftSection, null,
                    react_1.default.createElement(Placeholder_1.TextPlaceholder, { width: 140, height: 10 })),
                react_1.default.createElement(styled_1.OrderRightSection, null,
                    react_1.default.createElement(Placeholder_1.TextPlaceholder, { width: 40, height: 10 }))))));
}
exports.defaultRenderOrderSummary = defaultRenderOrderSummary;
/**
 * render payment summary
 */
function defaultRenderContainer(props) {
    const { renderShippingAddress, renderShippingMethod, renderPaymentMethod, renderOrderSummary } = props, remainingProps = __rest(props, ["renderShippingAddress", "renderShippingMethod", "renderPaymentMethod", "renderOrderSummary"]);
    return (react_1.default.createElement(styled_1.PaymentSummaryPanel, null,
        react_1.default.createElement(styled_1.PaymentSummaryPanelSectionLeft, null,
            react_1.default.createElement(styled_1.PaymentSummaryInfoPanel, null, renderShippingAddress(remainingProps)),
            react_1.default.createElement(styled_1.PaymentSummaryInfoPanel, null, renderShippingMethod(remainingProps))),
        react_1.default.createElement(styled_1.PaymentSummaryPanelSectionRight, null,
            react_1.default.createElement(styled_1.PaymentSummaryInfoPanel, null, renderPaymentMethod(remainingProps)),
            react_1.default.createElement(styled_1.PaymentSummaryInfoPanel, null, renderOrderSummary(remainingProps)))));
}
exports.defaultRenderContainer = defaultRenderContainer;
/**
 * render wrapper
 */
function defaultRenderWrapper(props) {
    const { className, shouldHideActionButtons, children } = props, remainingProps = __rest(props, ["className", "shouldHideActionButtons", "children"]);
    return (react_1.default.createElement(styled_1.PaymentSummaryWrapper, { className: className, shouldHideActionButtons: shouldHideActionButtons }, children));
}
exports.defaultRenderWrapper = defaultRenderWrapper;
//# sourceMappingURL=renderProps.js.map