hh-ui-components
Version:
28 lines • 2.61 kB
JavaScript
import React, { useState } from "react";
import Navigation from "./Navigation";
import Drawer from "./Drawer";
import OpenMenuButton from "./Widgets/OpenMenuButton";
import SearchButton from "./Widgets/SearchButton";
import WishlistButton from "./Widgets/WishlistButton";
import UserComponent from "./Widgets/UserComponent";
import Bag from "./Widgets/Bag";
export 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 = useState(false), drawer = _b[0], setDrawer = _b[1];
return (React.createElement(React.Fragment, null,
React.createElement("header", { className: "overflow-auto transparent top-0 left-0 right-0 sticky z-30 w-full home-default hover:bg-primary" },
React.createElement("div", { className: "overflow-hidden" },
React.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.createElement(OpenMenuButton, { setDrawer: setDrawer }),
React.createElement("div", { className: "aa flex h-full items-center justify-center md:justify-center lg:justify-between 2xl:justify-between" },
React.createElement("label", { className: "block cursor-pointer", "aria-label": "Gobi ", onClick: onClick }, "Gobi Logo Here")),
React.createElement(Navigation, { onClick: onClick, data: Menu }),
React.createElement("div", { className: "qq flex justify-end items-center h-full lg:space-x-[27px] 2xl:space-x-[1.875vw]" },
React.createElement(SearchButton, { onClick: onClick }),
React.createElement(WishlistButton, { onClick: onClick }),
React.createElement(UserComponent, { LoggedInName: LoggedInName, LoginTitle: LoginTitle, Token: Token, onClick: onClick }),
React.createElement(Bag, { LineItemsCount: LineItemsCount, BagTitle: BagTitle, onClick: onClick }))))),
React.createElement(Drawer, { "aria-label": "Drawer-open", open: drawer, setDrawer: setDrawer, lineItemsCount: LineItemsCount, Menu: Menu, token: Token, WishlistTitle: WishlistTitle, LoginTitle: LoginTitle, LoggedInName: LoggedInName, onClick: onClick })));
};
export default Header;
//# sourceMappingURL=Header.js.map