import { jsx as t, jsxs as n } from "react/jsx-runtime";
import { forwardRef as c } from "react";
import { b as d } from "./use-section-style.D7ZN4IXn.js";
import { T as p } from "./TextContent.DIF92zqL.js";
import { a9 as u } from "./_commonjsHelpers.DgVrNa4W.js";
import { _ as a } from "./twind.D7be0E5m.js";
import { u as f } from "./use-color-preset.B03-6uH7.js";
const T = c(({ brick: r, editable: i }, l) => {
  var s;
  const o = d(r), m = f(r), e = r.props;
  return /* @__PURE__ */ t(
    "header",
    {
      ref: l,
      "data-brick-group": "container",
      "data-is-navbar": !0,
      className: a(
        "flex-1 flex px-4 brick basis-full h-[60px]",
        o.gradientDirection,
        m.main
      ),
      children: /* @__PURE__ */ n(
        "div",
        {
          className: a(
            "flex flex-1 items-center justify-between @lg:justify-start",
            e.linksPosition !== "center" && "@lg:gap-4"
          ),
          children: [
            /* @__PURE__ */ n(
              "div",
              {
                className: a("flex items-center gap-3", o.brand),
                "data-brick-group": "brand",
                "data-brick-menu-offset": "70",
                children: [
                  ((s = e.logo) == null ? void 0 : s.src) && /* @__PURE__ */ t(
                    "img",
                    {
                      src: e.logo.src,
                      alt: e.logo.alt ?? "Logo",
                      className: "h-full max-h-[60px] w-auto flex-1"
                    }
                  ),
                  e.brand && !e.hideBrand && /* @__PURE__ */ t(
                    p,
                    {
                      as: "h1",
                      propPath: "brand.name",
                      className: a("text-2xl font-bold flex-1"),
                      brickId: r.id,
                      content: e.brand,
                      editable: i,
                      noTextAlign: !0,
                      noTextType: !0,
                      noTextStrike: !0,
                      inline: !0
                    }
                  )
                ]
              }
            ),
            /* @__PURE__ */ t(
              "nav",
              {
                "data-brick-group": "navigation",
                className: a(
                  "hidden @desktop:flex items-center gap-2",
                  o.navigation,
                  e.linksPosition === "right" && "ml-auto",
                  e.linksPosition === "center" && "mx-auto"
                )
              }
            ),
            /* @__PURE__ */ t("div", { role: "menu", className: "ml-auto @desktop:hidden items-center gap-4", "data-brick-group": "actions", children: /* @__PURE__ */ t(u, { className: "w-6 h-6" }) })
          ]
        }
      )
    }
  );
});
export {
  T as default
};
//# sourceMappingURL=navbar.BEAV7q9v.js.map
