"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 state_1 = require("src/state");
const exotic_1 = require("uxui-modules/exotic");
const Subscription_1 = require("presets/Subscription");
const SwatchList_1 = require("presets/SwatchList");
const styled_1 = require("./styled");
const fixtures_1 = require("./fixtures");
function defaultRenderTitle(props) {
    const { item } = props;
    const { name } = item;
    return react_1.default.createElement(styled_1.StyledProductTitle, { content: name });
}
exports.defaultRenderTitle = defaultRenderTitle;
function defaultRenderPrice(props) {
    const { item } = props;
    const { regPrice } = item;
    return react_1.default.createElement(styled_1.StyledProductPrice, { regularPrice: regPrice });
}
exports.defaultRenderPrice = defaultRenderPrice;
function defaultRenderProductOptions(props) {
    const list = fixtures_1.listArray.map(state_1.toCommonState);
    return (react_1.default.createElement(styled_1.StyledProductOptions, null,
        react_1.default.createElement(styled_1.StyledHeading, { breedType: "h4", content: "Size" }),
        react_1.default.createElement(SwatchList_1.SwatchList, { list: list, title: ' ' })));
}
exports.defaultRenderProductOptions = defaultRenderProductOptions;
function defaultRenderProductQuantity(props) {
    const { item, onQuantityInputChange } = props;
    const handleQuantityInputChange = changeArgs => {
        console.log('[handleQuantityInputChange]', changeArgs);
        if (exotic_1.isFunction(onQuantityInputChange)) {
            onQuantityInputChange(changeArgs);
        }
    };
    return (react_1.default.createElement(styled_1.StyledProductQuantity, null,
        react_1.default.createElement(styled_1.StyledHeading, { breedType: "h4", content: "Quantity" }),
        react_1.default.createElement(styled_1.StyledQuantity, { content: ' ', defaultValue: 1, onChange: handleQuantityInputChange })));
}
exports.defaultRenderProductQuantity = defaultRenderProductQuantity;
function defaultRenderFrequency(props) {
    const { item } = props;
    const { dropdownList } = item;
    return (react_1.default.createElement(react_1.default.Fragment, null,
        react_1.default.createElement(styled_1.StyledHeading, { breedType: "h4", content: "Frequency" }),
        react_1.default.createElement(styled_1.StyledSelectDropdown, { list: dropdownList })));
}
exports.defaultRenderFrequency = defaultRenderFrequency;
function defaultRenderSubscriptionEnds(props) {
    const { item } = props;
    const radioButtonList = item.radioButtonList.map(state_1.toCommonState);
    return (react_1.default.createElement(Subscription_1.SubscriptionEnds, { breedType: "radio", list: radioButtonList, title: 'Ends' }));
}
exports.defaultRenderSubscriptionEnds = defaultRenderSubscriptionEnds;
//# sourceMappingURL=renderProps.js.map