"use client";
import { j as e } from "../../../node_modules/.pnpm/react@19.1.0/node_modules/react/jsx-runtime.mjs";
import { useState as x, useRef as v } from "react";
import t from "../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.mjs";
import { ReactComponent as u } from "../../assets/images/BurgerClosedIcon.svg.mjs";
import { ReactComponent as j } from "../../assets/images/BurgerOpenIcon.svg.mjs";
import g from "../../assets/images/MobileHpLogo.svg2.mjs";
import y from "../Button/index.mjs";
import n from "./NavBar.module.scss.mjs";
const H = function({
  UserAvatar: o,
  links: a,
  socialLinks: s,
  Link: l = "a",
  mobileDropdownCTA: p,
  classNames: r,
  i18n: c = {
    installHyperPlay: "Install HyperPlay"
  }
}) {
  const [i, h] = x(!1), m = v(null);
  let d = null;
  return o && (d = /* @__PURE__ */ e.jsx("div", { className: n.avatarDesktop, children: o })), /* @__PURE__ */ e.jsxs("div", { className: r == null ? void 0 : r.root, children: [
    /* @__PURE__ */ e.jsx(
      "div",
      {
        className: t(
          n.bannerContainer,
          r == null ? void 0 : r.bannerContainer
        ),
        ref: m,
        children: /* @__PURE__ */ e.jsxs("div", { className: t(n.navbar, r == null ? void 0 : r.navbar), children: [
          /* @__PURE__ */ e.jsx(l, { href: "/", children: /* @__PURE__ */ e.jsxs("div", { className: `${n.navLogo}`, children: [
            /* @__PURE__ */ e.jsx("div", { className: n.navbarLogoImg, children: /* @__PURE__ */ e.jsx(
              "img",
              {
                src: g,
                style: { objectFit: "contain" },
                alt: "HyperPlay Logo",
                height: "24px",
                width: "24px"
              }
            ) }),
            /* @__PURE__ */ e.jsx("div", { className: n.hpLogoText, children: "HyperPlay" })
          ] }) }),
          /* @__PURE__ */ e.jsxs("div", { className: n.dropdownContainer, children: [
            o,
            /* @__PURE__ */ e.jsx(
              "button",
              {
                className: n.burgerMenu,
                onClick: () => h(!i),
                children: i ? /* @__PURE__ */ e.jsx(j, { className: n.mobileMenuToggleIcon }) : /* @__PURE__ */ e.jsx(
                  u,
                  {
                    className: n.mobileMenuToggleIcon
                  }
                )
              }
            )
          ] }),
          /* @__PURE__ */ e.jsx("div", { className: n.links, children: a }),
          /* @__PURE__ */ e.jsxs("div", { className: n.menu, children: [
            /* @__PURE__ */ e.jsx("div", { className: n.menuSocial, children: s }),
            /* @__PURE__ */ e.jsx(
              l,
              {
                className: `${n.navItem} menu`,
                href: "https://www.hyperplay.xyz/downloads",
                target: "_blank",
                rel: "noopener noreferrer",
                "data-testid": "install-hyperplay",
                children: /* @__PURE__ */ e.jsx(y, { type: "secondaryGradient", size: "medium", spacing: "lg", children: /* @__PURE__ */ e.jsx("div", { className: "button-sm", children: c.installHyperPlay }) })
              }
            ),
            d
          ] })
        ] })
      }
    ),
    /* @__PURE__ */ e.jsxs(
      "div",
      {
        className: t(
          n.navbarDropdown,
          {
            [n.isMenuOpen]: i
          },
          r == null ? void 0 : r.navbarDropdown
        ),
        children: [
          a,
          p
        ]
      }
    )
  ] });
};
export {
  H as default
};
//# sourceMappingURL=index.mjs.map
