hh-ui-components
Version:
33 lines • 3.26 kB
JavaScript
"use strict";
exports.__esModule = true;
exports.Header = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importStar(require("react"));
var Navigation_1 = tslib_1.__importDefault(require("./Navigation"));
var Drawer_1 = tslib_1.__importDefault(require("./Drawer"));
var OpenMenuButton_1 = tslib_1.__importDefault(require("./Widgets/OpenMenuButton"));
var SearchButton_1 = tslib_1.__importDefault(require("./Widgets/SearchButton"));
var WishlistButton_1 = tslib_1.__importDefault(require("./Widgets/WishlistButton"));
var UserComponent_1 = tslib_1.__importDefault(require("./Widgets/UserComponent"));
var Bag_1 = tslib_1.__importDefault(require("./Widgets/Bag"));
var Header = function (_a) {
var Token = _a.Token, LineItemsCount = _a.LineItemsCount, BagTitle = _a.BagTitle, LoginTitle = _a.LoginTitle, LoggedInName = _a.LoggedInName, Menu = _a.Menu, WishlistTitle = _a.WishlistTitle, onClick = _a.onClick;
var _b = (0, react_1.useState)(false), drawer = _b[0], setDrawer = _b[1];
return (react_1["default"].createElement(react_1["default"].Fragment, null,
react_1["default"].createElement("header", { className: "overflow-auto transparent top-0 left-0 right-0 sticky z-30 w-full home-default hover:bg-primary" },
react_1["default"].createElement("div", { className: "overflow-hidden" },
react_1["default"].createElement("div", { className: "grid h-[4rem] grid-cols-3 items-center px-20 md:h-[8.333vw] md:px-20-md lg:h-[4rem] lg:grid-cols-[1fr_minmax(500px,_1fr)_1fr] lg:px-40 2xl:h-[4.444vw] 2xl:grid-cols-[1fr_51vw_1fr] 2xl:px-40-2xl" },
react_1["default"].createElement(OpenMenuButton_1["default"], { setDrawer: setDrawer }),
react_1["default"].createElement("div", { className: "aa flex h-full items-center justify-center md:justify-center lg:justify-between 2xl:justify-between" },
react_1["default"].createElement("label", { className: "block cursor-pointer", "aria-label": "Gobi ", onClick: onClick }, "Gobi Logo Here")),
react_1["default"].createElement(Navigation_1["default"], { onClick: onClick, data: Menu }),
react_1["default"].createElement("div", { className: "qq flex justify-end items-center h-full lg:space-x-[27px] 2xl:space-x-[1.875vw]" },
react_1["default"].createElement(SearchButton_1["default"], { onClick: onClick }),
react_1["default"].createElement(WishlistButton_1["default"], { onClick: onClick }),
react_1["default"].createElement(UserComponent_1["default"], { LoggedInName: LoggedInName, LoginTitle: LoginTitle, Token: Token, onClick: onClick }),
react_1["default"].createElement(Bag_1["default"], { LineItemsCount: LineItemsCount, BagTitle: BagTitle, onClick: onClick }))))),
react_1["default"].createElement(Drawer_1["default"], { "aria-label": "Drawer-open", open: drawer, setDrawer: setDrawer, lineItemsCount: LineItemsCount, Menu: Menu, token: Token, WishlistTitle: WishlistTitle, LoginTitle: LoginTitle, LoggedInName: LoggedInName, onClick: onClick })));
};
exports.Header = Header;
exports["default"] = exports.Header;
//# sourceMappingURL=Header.js.map