"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

const tslib_1 = require("tslib");

const react_1 = tslib_1.__importDefault(require("react"));

const BundleProduct_1 = require("./..");

const ProductItem_1 = require("./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