"use strict";
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 Address_1 = require("presets/Address");
const styled_1 = require("./styled");
function defaultRenderInfoItem(item) {
    const { label, value } = item;
    return (react_1.default.createElement(react_1.default.Fragment, null,
        react_1.default.createElement(styled_1.InfoHeading, { content: label, breedType: "h4" }),
        react_1.default.createElement(styled_1.InfoDec, { content: value })));
}
/**
 * render shipping address
 */
const createRenderProps = (data) => {
    const renderTitle = (props) => {
        return react_1.default.createElement(Address_1.StyledTitle, { breedType: "h3", content: data.label });
    };
    const renderAddress = (props) => {
        return react_1.default.createElement(Address_1.StyledAddress, { address: data });
    };
    return {
        renderTitle,
        renderAddress,
    };
};
function defaultRenderShippingAddress(props) {
    // return <AddressInfoPanel>{defaultRenderInfoItem(props.shippingAddressInfo)}</AddressInfoPanel>
    const { shippingAddressInfo } = props;
    const { renderTitle, renderAddress } = createRenderProps(shippingAddressInfo);
    const attributes = {
        renderTitle,
        renderAddress,
    };
    return (react_1.default.createElement(styled_1.AddressInfoPanel, null,
        react_1.default.createElement(Address_1.Address, Object.assign({}, attributes))));
}
exports.defaultRenderShippingAddress = defaultRenderShippingAddress;
/**
 * render shipping method
 */
function defaultRenderShippingMethod(props) {
    return react_1.default.createElement(styled_1.ShippingMethodInfoPanel, null, defaultRenderInfoItem(props.shippingMethodInfo));
}
exports.defaultRenderShippingMethod = defaultRenderShippingMethod;
/**
 * render payment method
 */
function defaultRenderPaymentMethod(props) {
    return react_1.default.createElement(styled_1.PaymentMethodInfoPanel, null, defaultRenderInfoItem(props.paymentMethodInfo));
}
exports.defaultRenderPaymentMethod = defaultRenderPaymentMethod;
/**
 * render product order summary
 */
function defaultRenderOrderSummary(props) {
    const { list, title } = props.orderSummaryInfo;
    return (react_1.default.createElement(react_1.default.Fragment, null,
        react_1.default.createElement(styled_1.StyledProductOrderSummary, { title: title, list: list })));
}
exports.defaultRenderOrderSummary = defaultRenderOrderSummary;
//# sourceMappingURL=renderProps.js.map