Repository URL to install this package:
Version:
0.9.5 ▾
|
ui-component-library
/
dist
/
components
/
presets
/
BundleProduct
/
CheckoutCartBundle
/
CheckoutCartBundleThemed.js
|
---|
"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 BundleProduct_1 = require("presets/BundleProduct");
const ProductItem_1 = require("presets/BundleProduct/CheckoutCartBundle/ProductItem");
const BundleProduct_2 = require("abstractions/BundleProduct");
const styled_1 = require("./styled");
const renderHeader = (props, state) => {
return (react_1.default.createElement(styled_1.Header, { isExpanded: state.isExpanded },
'I am the renderProp to override renderHeader()',
react_1.default.createElement("button", { style: { marginLeft: '20px' }, onClick: state.handleToggle }, 'click to expand')));
};
const renderProduct = () => {
return (react_1.default.createElement(ProductItem_1.StyledProduct, null, 'I am the renderProp to override renderProduct()'));
};
const renderQuantity = () => {
return (react_1.default.createElement(ProductItem_1.StyledQuantity, null, 'I am the renderProp to override renderQuantity()'));
};
const renderPrice = () => {
return (react_1.default.createElement(BundleProduct_2.ItemPriceBox, null, 'I am the renderProp to override renderPrice()'));
};
const renderTotalPrice = () => {
return (react_1.default.createElement(ProductItem_1.StyledTotalPrice, null, 'I am the renderProp to override renderTotalPrice()'));
};
class CheckoutCartBundleThemed extends react_1.default.Component {
render() {
const attributes = {
renderQuantity,
renderPrice,
renderTotalPrice,
renderHeader,
renderProduct,
};
return react_1.default.createElement(BundleProduct_1.CheckoutCartBundle, Object.assign({}, this.props, attributes));
}
}
exports.CheckoutCartBundleThemed = CheckoutCartBundleThemed;
exports.default = { CheckoutCartBundleThemed };
//# sourceMappingURL=CheckoutCartBundleThemed.js.map