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