import { jsx as t, jsxs as i } from "react/jsx-runtime";
import { am as m, an as c } from "./chunk-3RDGTRSB.DySNCMmQ.js";
import "@sinclair/typebox";
import { b as d } from "./use-section-style.CihCUEtb.js";
import { T as p } from "./TextContent.Bq7vg7V3.js";
import { _ as a } from "./twind.D7be0E5m.js";
import { u } from "./use-color-preset.BrT8DcA1.js";
import { B as f } from "./BrickRoot.C1PanknS.js";
function y({ brick: r, editable: n }) {
  var o;
  const s = d(r), l = u(r), e = r.props;
  return /* @__PURE__ */ t(
    f,
    {
      manifest: m,
      as: "header",
      "data-brick-group": "container",
      "data-is-navbar": !0,
      className: a("flex px-4 brick basis-full h-[60px]", s.gradientDirection, l.main),
      children: /* @__PURE__ */ i(
        "div",
        {
          className: a(
            "flex flex-1 items-center justify-between @lg:justify-start",
            e.linksPosition !== "center" && "@lg:gap-4"
          ),
          children: [
            /* @__PURE__ */ i(
              "div",
              {
                className: a("flex items-center gap-3", s.brand),
                "data-brick-group": "brand",
                "data-brick-menu-offset": "70",
                children: [
                  ((o = e.logo) == null ? void 0 : o.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: n,
                      noTextAlign: !0,
                      noTextType: !0,
                      noTextStrike: !0,
                      inline: !0
                    }
                  )
                ]
              }
            ),
            /* @__PURE__ */ t(
              "nav",
              {
                "data-brick-group": "navigation",
                className: a(
                  "hidden @desktop:flex items-center gap-2",
                  s.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(c, { className: "w-6 h-6" }) })
          ]
        }
      )
    }
  );
}
export {
  y as default
};
//# sourceMappingURL=navbar.BoijoSdL.js.map
