hh-ui-components
Version:
26 lines • 1.35 kB
JavaScript
import React, { useState, useRef } from "react";
import CartHeader from "../CartHeader/CartHeader";
export var CartSideBar = function (props) {
var countRef = useRef("not-wait");
var _a = 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.createElement("div", { className: "relative w-full h-full ", onMouseEnter: function () {
handle();
}, onMouseLeave: function () {
unhandle();
} },
" ",
React.createElement(CartHeader, null),
React.createElement("div", { className: "relative h-[calc(100%-235px)] overflow-x-hidden overflow-y-scroll 2xl:h-[calc(100%-16.319vw)] no-scrollbar" },
React.createElement("div", { className: "tw-container " }, props.children ? (React.createElement(React.Fragment, null, props.children)) : (React.createElement("div", { className: "absolute top-2/4 -translate-y-2/4" },
React.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")))))));
};
export default CartSideBar;
//# sourceMappingURL=CartSideBar.js.map