import { jsx as r, jsxs as a } from "react/jsx-runtime";
import { Menu as m } from "@mui/icons-material";
import { AppBar as x, Toolbar as f, Button as u, Box as o, Typography as i } from "@mui/material";
import { Link as y } from "react-router-dom";
import g from "../../Logo/index.js";
import { styled as b } from "../../Theme/index.js";
const k = b(x)`
  && {
    z-index: ${(e) => e.theme.zIndex.drawer};
    background: ${(e) => e.theme.palette.background.default};
    box-shadow: none;
    top: 0;
    height: auto;
  }
  .header-toolbar {
    background: ${(e) => e.theme.palette.background.default};
    color: ${(e) => e.theme.palette.text.primary};
    margin: ${(e) => e.theme.spacing(1)}px 0;
  }
  .header-link {
    display: flex;
    text-decoration: none;
    flex-shrink: 1;
    overflow: hidden;
  }
  .header-logo {
    margin-right: 20px;
  }
  .header-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  .header-title__primary {
    font-size: 24px;
    font-weight: 800;
    color: ${(e) => e.theme.typography.color.main};
    text-transform: uppercase;
    display: flex;
    align-items: center;
  }
  .header-title__secondary {
    font-size: 14px;
    line-height: 1.71;
    color: ${(e) => e.theme.typography.color.gray};
  }

  .header-addons {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 9999999;

    .user-addon {
      .header-avatar {
        width: 32px;
        border-radius: 16px;
        height: auto;
      }
    }
  }
  .header-menu {
    display: none;
  }
  ${(e) => e.theme.breakpoints.down("md")} {
    .header-title {
      display: none;
    }
    .header-title__primary {
      font-size: 20px;
    }
    .header-menu {
      display: block;
    }
  }
`;
function j({
  onToggleMenu: e,
  brand: n = void 0,
  description: d = void 0,
  addons: l = void 0,
  brandAddon: s = void 0,
  homeUrl: h = "/",
  logo: p = void 0,
  children: t,
  ...c
}) {
  return /* @__PURE__ */ r(k, { position: "sticky", className: "header", ...c, children: /* @__PURE__ */ a(f, { disableGutters: !1, className: "header-toolbar", children: [
    /* @__PURE__ */ r(
      u,
      {
        color: "inherit",
        "aria-label": "open drawer",
        className: "header-menu",
        "aira-label": "header menu button",
        onClick: e,
        children: /* @__PURE__ */ r(m, {})
      }
    ),
    /* @__PURE__ */ a(y, { to: h, className: "header-link", children: [
      /* @__PURE__ */ r(
        o,
        {
          sx: {
            display: {
              xs: "none",
              md: "block"
            }
          },
          className: "header-logo",
          children: p || /* @__PURE__ */ r(g, { showText: !1 })
        }
      ),
      /* @__PURE__ */ a("div", { className: "header-title", children: [
        /* @__PURE__ */ a(i, { component: "h2", noWrap: !0, className: "header-title__primary", children: [
          n,
          s
        ] }),
        /* @__PURE__ */ r(i, { component: "p", noWrap: !0, className: "header-title__secondary", children: d })
      ] })
    ] }),
    /* @__PURE__ */ r(
      o,
      {
        sx: {
          flexGrow: 1
        }
      }
    ),
    !!t && /* @__PURE__ */ r("div", { className: "header-children", children: t }),
    /* @__PURE__ */ r("div", { className: "header-addons", children: l })
  ] }) });
}
export {
  j as default
};
