"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 ProductDetails_1 = require("../ProductDetails");
const styled_1 = require("./styled");
function defaultRenderProductImage(props) {
    const { imageURL } = props;
    return react_1.default.createElement(styled_1.ProductImage, { src: imageURL });
}
exports.defaultRenderProductImage = defaultRenderProductImage;
function defaultRenderProductDetails(props) {
    const { productDetailsItem } = props;
    return react_1.default.createElement(ProductDetails_1.ProductDetails, { item: productDetailsItem });
}
exports.defaultRenderProductDetails = defaultRenderProductDetails;
function defaultRenderShippingAddressCard(props) {
    const {} = props;
    return '';
}
exports.defaultRenderShippingAddressCard = defaultRenderShippingAddressCard;
function defaultRenderPaymentInformationCard(props) {
    const {} = props;
    return '';
}
exports.defaultRenderPaymentInformationCard = defaultRenderPaymentInformationCard;
function defaultRenderExpectedDeliveryDateInfo(props) {
    const { onChangeDate } = props;
    const handleOnClick = () => {
        console.log('Change Date Clicked');
        onChangeDate();
    };
    return (react_1.default.createElement(styled_1.DeliveryDateContainer, null,
        react_1.default.createElement(styled_1.DeilveryDateLabel, { content: "Expected delivery date" }),
        react_1.default.createElement(styled_1.DeliveryDateWrapper, null,
            react_1.default.createElement(styled_1.DeliveryDateText, { breedType: "h3", content: "Tuseday, August 22" }),
            react_1.default.createElement(styled_1.ChangeDateLabel, { content: "Change date", onClick: handleOnClick }))));
}
exports.defaultRenderExpectedDeliveryDateInfo = defaultRenderExpectedDeliveryDateInfo;
function defaultRenderButtons(props) {
    const {} = props;
    return '';
}
exports.defaultRenderButtons = defaultRenderButtons;
function defaultRenderBox(props) {
    const { renderProductImage, renderProductDetails, renderShippingAddressCard, renderPaymentInformationCard, renderExpectedDeliveryDateInfo, renderButtons, 
    //
    imageURL, productDetailsItem } = props, remainingProps = __rest(props, ["renderProductImage", "renderProductDetails", "renderShippingAddressCard", "renderPaymentInformationCard", "renderExpectedDeliveryDateInfo", "renderButtons", "imageURL", "productDetailsItem"]);
    return (react_1.default.createElement(react_1.default.Fragment, null,
        renderProductImage({ imageURL }),
        react_1.default.createElement(styled_1.InformationBox, null,
            renderProductDetails({ productDetailsItem }),
            renderShippingAddressCard(remainingProps),
            renderPaymentInformationCard(remainingProps),
            renderExpectedDeliveryDateInfo(remainingProps),
            renderButtons(remainingProps))));
}
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