import { jsx as a, jsxs as o } from "react/jsx-runtime";
import { forwardRef as c } from "react";
import { isEmpty as d } from "es-toolkit/compat";
import N from "../../../../utils/classNames.js";
import h from "../../../../components/applicationHeader/ApplicationActionBar.js";
const H = c(
  (t, r) => {
    const {
      homeRoute: n = "",
      appNavigator: u,
      appNavigatorClassName: v,
      appMenuItems: g,
      navItems: i = [],
      actionBarItems: l = [],
      onMount: f = () => {
      },
      onUnmount: y = () => {
      },
      className: s = "",
      ...p
    } = t, m = N(
      "ApplicationHeader VolkswagenApplicationHeader",
      "user-select-none",
      s && s
    );
    return /* @__PURE__ */ a("nav", { ...p, className: m, ref: r, children: /* @__PURE__ */ o("div", { className: "width-100pct", children: [
      /* @__PURE__ */ o("div", { className: "position-relative padding-y-25", children: [
        /* @__PURE__ */ a("div", { className: "brand", children: /* @__PURE__ */ a("div", { className: "logo", style: { height: "40px", width: "400px" }, children: n }) }),
        /* @__PURE__ */ a("div", { className: "position-absolute top-50pct right-10 z-index-1 translate-y-50pct", children: /* @__PURE__ */ a(h, { items: l }) })
      ] }),
      /* @__PURE__ */ a("ul", { className: "SubmoduleNavigation nav", children: !d(i) && i.map((e) => /* @__PURE__ */ a("li", { className: "submodule", "data-nav-item-key": e.key, children: e.route }, e.key)) })
    ] }) });
  }
);
export {
  H as VolkswagenApplicationHeader,
  H as default
};
//# sourceMappingURL=VolkswagenApplicationHeader.js.map
