import { j as o } from "../../../../../_virtual/jsx-runtime.js";
import { a as d } from "../../../../sdk/dist/shared/chunk-LFQZRGHS.js";
import "@sinclair/typebox";
import "../../../../sdk/dist/shared/chunk-UU2MSQXY.js";
import "../../../../sdk/dist/shared/chunk-T3LIA4YB.js";
import "../../../../sdk/dist/shared/chunk-UMHXXXVP.js";
import { tx as s } from "../../../../style-system/dist/twind.js";
import { useBrickStyle as f } from "../hooks/use-brick-style.js";
import x from "../components/BrickRoot.js";
function w({ brick: a, editable: r }) {
  const t = a.props, i = f(a), c = Object.values(i), p = r ? (e) => {
    e.preventDefault();
  } : void 0;
  return /* @__PURE__ */ o.jsxs(
    x,
    {
      brick: a,
      editable: r,
      manifest: d,
      "data-no-section-padding": !0,
      as: "footer",
      className: s(
        // Force 2 cols on mobile
        "grid gap-6 @desktop:grid-flow-col @mobile:grid-cols-2 @desktop:auto-cols-fr ",
        c
      ),
      children: [
        t.logo && /* @__PURE__ */ o.jsx(
          "div",
          {
            className: s(
              "items-center @desktop:(mr-10 col-span-1) @mobile:(flex col-start-1 col-span-2 justify-center)"
            ),
            "data-brick-group": "brand",
            children: /* @__PURE__ */ o.jsx("img", { src: t.logo.src, alt: t.logo.alt ?? "Logo", className: "h-full max-h-[80px] w-auto" })
          }
        ),
        t.linksSections?.map((e, m) => /* @__PURE__ */ o.jsxs("nav", { className: s("flex flex-col @mobile:gap-3 @desktop:gap-2"), children: [
          /* @__PURE__ */ o.jsx("h6", { className: s("uppercase font-bold opacity-80"), children: e.sectionTitle }),
          e.links?.map((l, n) => /* @__PURE__ */ o.jsx("a", { href: l.url, onClick: p, className: s("link link-hover max-w-fit"), children: l.title }, n))
        ] }, m))
      ]
    }
  );
}
export {
  w as default
};
//# sourceMappingURL=footer.js.map
