hh-ui-components
Version:
28 lines • 2.1 kB
JavaScript
;
exports.__esModule = true;
exports.CartBox = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importStar(require("react"));
var index_1 = tslib_1.__importDefault(require("../../ProgressBar/index"));
var CartBox = function (props, _a) {
var
// children,
validPrice = _a.validPrice, boxTitle = _a.boxTitle, maxPrice = _a.maxPrice;
var _b = (0, react_1.useState)(false), isOpen = _b[0], setIsOpen = _b[1];
var perce = (Number(validPrice) * 100) / Number(maxPrice);
console.log(props.chilldren);
return (react_1["default"].createElement("div", { className: "relative w-full rounded-[10px] bg-white py-20 2xl:py-20-2xl swiper-custom-layout flex flex-col" },
react_1["default"].createElement("div", { className: "relative flex justify-between px-20 2xl:px-20-2xl mb-[17.5px] 2xl:mb-[1.215vw]" },
react_1["default"].createElement("div", { className: "text-utility-large tracking-[0.08em] 2xl:text-utility-large-2xl w-[80%]" }, boxTitle),
react_1["default"].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_1["default"].createElement("div", { className: "bg-white px-20 w-full 2xl:px-20-2xl " }, props.children)) : Number(validPrice) >= Number(maxPrice) ? (react_1["default"].createElement("div", { className: "bg-white px-20 w-full 2xl:px-20-2xl text-body-text" },
react_1["default"].createElement("p", null, "You can buy"),
react_1["default"].createElement(index_1["default"], { width: perce }))) : (react_1["default"].createElement("div", { className: "bg-white px-20 w-full 2xl:px-20-2xl text-body-text" },
react_1["default"].createElement("p", null,
"You are $",
10,
" away from this free gift!"),
react_1["default"].createElement(index_1["default"], { width: perce })))));
};
exports.CartBox = CartBox;
//# sourceMappingURL=CartBox.js.map