hh-ui-components
Version:
22 lines • 2.38 kB
JavaScript
import React from "react";
import { formatPrice } from "../../../helper/ProductHelper";
import { QuantitySelector } from "../../QuantitySelector";
export 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.createElement("div", { className: "flex items-stretch justify-between w-full rounded-[10px] bg-white " },
React.createElement("div", { className: "mb-10 2xl:mb-10-2xl" },
React.createElement("div", { className: "text-body-text md:text-body-text-md lg:text-body-text-lg 2xl:text-body-text-2xl" }, title),
React.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.createElement("div", { className: "text-body-text md:text-body-text-md lg:text-body-text-lg 2xl:text-body-text-2xl" },
React.createElement("div", { className: "flex align-baseline" },
React.createElement("div", { className: "mr-10 text-body-text md:text-body-text-md lg:text-body-text-lg 2xl:text-body-text-2xl" }, formatPrice(Number(price))),
discountedPrice ? (React.createElement("del", { className: " text-subdued" }, formatPrice(Number(discountedPrice)))) : null,
tag ? (React.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.createElement("div", { className: "flex items-center mt-10" },
React.createElement(QuantitySelector, { isGiftCardResult: false, itemIndex: quantity }),
React.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.createElement("div", { className: "bg-light w-[90px] h-[120px] 2xl:w-[6.250vw] 2xl:h-[8.333vw]" },
React.createElement("img", { src: img, className: "w-90px h-[120px] 2xl:w-[6.250vw] 2xl:h-[8.333vw]" }))));
};
export default CartSingleProduct;
//# sourceMappingURL=CartSingleProduct.js.map