hh-ui-components
Version:
17 lines • 1.98 kB
JavaScript
import React from "react";
var Title = function (_a) {
var title = _a.title, price = _a.price, compPrice = _a.compPrice, type = _a.type, handle = _a.handle, isActive = _a.isActive, insights = _a.insights, productInfo = _a.productInfo;
var isDiscounted = parseFloat(compPrice) !== parseFloat(price);
return (React.createElement("div", { className: "items-center justify-between ".concat(isActive ? "flex" : "block lg:flex", " ") },
React.createElement("div", { className: "lg:max-w-[50%] xl:max-w-[60%]" },
React.createElement("a", { href: "/products/".concat(handle) },
React.createElement("a", { "aria-label": "Collection Title" },
React.createElement("h4", { className: "text-body-small capitalize md:text-body-small-md lg:text-body-text-lg 2xl:text-body-text-2xl lg:overflow-hidden lg:text-ellipsis lg:whitespace-nowrap cursor-pointer" }, title)))),
React.createElement("div", { className: "mt-[2px] lg:mt-0" }, type === "gift" ? (React.createElement("div", null,
React.createElement("span", { className: "mr-[5px] 2xl:mr-[0.347vw] text-body-small md:text-body-small-md lg:text-body-text-lg 2xl:text-body-text-2xl" }, "Free"),
React.createElement("span", { className: "text-subdued line-through text-body-small md:text-body-small-md lg:text-body-text-lg 2xl:text-body-text-2xl" }, compPrice && compPrice))) : isDiscounted ? (React.createElement("p", { className: "flex gap-x-[0.313rem] 2xl:gap-x-[0.347vw] text-body-small md:text-body-small-md lg:text-body-text-lg 2xl:text-body-text-2xl" },
React.createElement("span", null, price && price),
React.createElement("span", { className: "text-subdued line-through" }, compPrice && compPrice))) : (React.createElement("p", { className: "text-body-small md:text-body-small-md lg:text-body-text-lg 2xl:text-body-text-2xl" }, price && price)))));
};
export default Title;
//# sourceMappingURL=Title.js.map