hh-ui-components
Version:
27 lines • 2.82 kB
JavaScript
;
exports.__esModule = true;
exports.CartSingleProduct = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var ProductHelper_1 = require("../../../helper/ProductHelper");
var QuantitySelector_1 = require("../../QuantitySelector");
var CartSingleProduct = function (_a) {
var title = _a.title, size = _a.size, price = _a.price, discountedPrice = _a.discountedPrice, quantity = _a.quantity, img = _a.img, color = _a.color, tag = _a.tag, onClick = _a.onClick;
return (react_1["default"].createElement("div", { className: "flex items-stretch justify-between w-full rounded-[10px] bg-white " },
react_1["default"].createElement("div", { className: "mb-10 2xl:mb-10-2xl" },
react_1["default"].createElement("div", { className: "text-body-text md:text-body-text-md lg:text-body-text-lg 2xl:text-body-text-2xl" }, title),
react_1["default"].createElement("div", { className: "text-caption md:text-caption-md lg:text-caption 2xl:text-caption-2xl" }, "".concat(String(color)[0].toUpperCase() + String(color).substring(1), " / ").concat(String(size).toUpperCase())),
react_1["default"].createElement("div", { className: "text-body-text md:text-body-text-md lg:text-body-text-lg 2xl:text-body-text-2xl" },
react_1["default"].createElement("div", { className: "flex align-baseline" },
react_1["default"].createElement("div", { className: "mr-10 text-body-text md:text-body-text-md lg:text-body-text-lg 2xl:text-body-text-2xl" }, (0, ProductHelper_1.formatPrice)(Number(price))),
discountedPrice ? (react_1["default"].createElement("del", { className: " text-subdued" }, (0, ProductHelper_1.formatPrice)(Number(discountedPrice)))) : null,
tag ? (react_1["default"].createElement("div", { className: "bg-quaternary text-body-text lg:text-body-text 2xl:text-caption-2xl rounded py-[2px] px-[6px] ml-10" }, tag)) : null)),
react_1["default"].createElement("div", { className: "flex items-center mt-10" },
react_1["default"].createElement(QuantitySelector_1.QuantitySelector, { isGiftCardResult: false, itemIndex: quantity }),
react_1["default"].createElement("button", { className: "ml-20 text-caption md:text-caption-md lg:text-caption 2xl:text-caption-2xl 2xl:ml-20-2xl", onClick: onClick }, "Remove"))),
react_1["default"].createElement("div", { className: "bg-light w-[90px] h-[120px] 2xl:w-[6.250vw] 2xl:h-[8.333vw]" },
react_1["default"].createElement("img", { src: img, className: "w-90px h-[120px] 2xl:w-[6.250vw] 2xl:h-[8.333vw]" }))));
};
exports.CartSingleProduct = CartSingleProduct;
exports["default"] = exports.CartSingleProduct;
//# sourceMappingURL=CartSingleProduct.js.map