hh-ui-components
Version:
31 lines • 1.67 kB
JavaScript
;
exports.__esModule = true;
exports.CartSideBar = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importStar(require("react"));
var CartHeader_1 = tslib_1.__importDefault(require("../CartHeader/CartHeader"));
var CartSideBar = function (props) {
var countRef = (0, react_1.useRef)("not-wait");
var _a = (0, react_1.useState)("not-wait"), setWaiter = _a[1];
var handle = function () {
countRef.current = "wait";
setWaiter(countRef.current);
};
var unhandle = function () {
countRef.current = "not-wait";
setWaiter(countRef.current);
};
return (react_1["default"].createElement("div", { className: "relative w-full h-full ", onMouseEnter: function () {
handle();
}, onMouseLeave: function () {
unhandle();
} },
" ",
react_1["default"].createElement(CartHeader_1["default"], null),
react_1["default"].createElement("div", { className: "relative h-[calc(100%-235px)] overflow-x-hidden overflow-y-scroll 2xl:h-[calc(100%-16.319vw)] no-scrollbar" },
react_1["default"].createElement("div", { className: "tw-container " }, props.children ? (react_1["default"].createElement(react_1["default"].Fragment, null, props.children)) : (react_1["default"].createElement("div", { className: "absolute top-2/4 -translate-y-2/4" },
react_1["default"].createElement("div", { className: "text-h5 md:text-h5-md lg:text-h5-lg 2xl:text-h5-2xl font-normal text-lnk" }, "Your bag is empty")))))));
};
exports.CartSideBar = CartSideBar;
exports["default"] = exports.CartSideBar;
//# sourceMappingURL=CartSideBar.js.map