hh-ui-components
Version:
23 lines • 1.77 kB
JavaScript
import React, { useState } from "react";
import ProgressBar from "../../ProgressBar/index";
export var CartBox = function (props, _a) {
var
// children,
validPrice = _a.validPrice, boxTitle = _a.boxTitle, maxPrice = _a.maxPrice;
var _b = useState(false), isOpen = _b[0], setIsOpen = _b[1];
var perce = (Number(validPrice) * 100) / Number(maxPrice);
console.log(props.chilldren);
return (React.createElement("div", { className: "relative w-full rounded-[10px] bg-white py-20 2xl:py-20-2xl swiper-custom-layout flex flex-col" },
React.createElement("div", { className: "relative flex justify-between px-20 2xl:px-20-2xl mb-[17.5px] 2xl:mb-[1.215vw]" },
React.createElement("div", { className: "text-utility-large tracking-[0.08em] 2xl:text-utility-large-2xl w-[80%]" }, boxTitle),
React.createElement("button", { className: " text-utility-large text-end tracking-[0.08em] 2xl:text-utility-large-2xl", onClick: function () { return setIsOpen(!isOpen); } }, !isOpen ? "Show" : "Hide")),
isOpen ? (React.createElement("div", { className: "bg-white px-20 w-full 2xl:px-20-2xl " }, props.children)) : Number(validPrice) >= Number(maxPrice) ? (React.createElement("div", { className: "bg-white px-20 w-full 2xl:px-20-2xl text-body-text" },
React.createElement("p", null, "You can buy"),
React.createElement(ProgressBar, { width: perce }))) : (React.createElement("div", { className: "bg-white px-20 w-full 2xl:px-20-2xl text-body-text" },
React.createElement("p", null,
"You are $",
10,
" away from this free gift!"),
React.createElement(ProgressBar, { width: perce })))));
};
//# sourceMappingURL=CartBox.js.map