hh-ui-components
Version:
16 lines • 1.25 kB
JavaScript
;
exports.__esModule = true;
exports.CartBoxNoProg = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importStar(require("react"));
var CartBoxNoProg = function (_a) {
var boxTitle = _a.boxTitle, children = _a.children;
var _b = (0, react_1.useState)(false), isOpen = _b[0], setIsOpen = _b[1];
return (react_1["default"].createElement("div", { className: "relative w-full rounded-[10px] bg-white py-20 2xl:py-20-2xl swiper-custom-layout" },
react_1["default"].createElement("div", { className: "relative flex justify-between px-20 2xl:px-20-2xl ".concat(isOpen ? "mb-[17.5px] 2xl:mb-[1.215vw]}" : null) },
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 " }, children))));
};
exports.CartBoxNoProg = CartBoxNoProg;
//# sourceMappingURL=CartBoxNoProgressBar.js.map