import { jsx as t, jsxs as n } from "react/jsx-runtime";
import { X as m } from "./chunk-RXIM6GTA.C-ABNABt.js";
import "@sinclair/typebox";
import { b as c } from "./use-section-style.CgktT_qE.js";
import { T as d } from "./TextContent.CXFlerU1.js";
import { j as p } from "./index.B_kNLKs8.js";
import { _ as a } from "./twind.D_WBdNpx.js";
import { u } from "./use-color-preset.CYlEPd2C.js";
import { B as f } from "./BrickRoot.LoA8SzjD.js";
function y({ brick: r, editable: s }) {
  var i;
  const o = c(r), l = u(r), e = r.props;
  return /* @__PURE__ */ t(
    f,
    {
      editable: s,
      manifest: m,
      as: "header",
      "data-brick-group": "container",
      "data-is-navbar": !0,
      className: a("flex px-4 brick basis-full h-[60px]", o.gradientDirection, l.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: [
                  ((i = e.logo) == null ? void 0 : i.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(
                    d,
                    {
                      as: "h1",
                      propPath: "brand.name",
                      className: a("text-2xl font-bold flex-1"),
                      brickId: r.id,
                      content: e.brand,
                      editable: s,
                      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(p, { className: "w-6 h-6" }) })
          ]
        }
      )
    }
  );
}
export {
  y as default
};
//# sourceMappingURL=navbar.Bq6QYc3-.js.map
