import { jsxs as m, jsx as t } from "react/jsx-runtime";
import { S as h } from "./chunk-RXIM6GTA.C-ABNABt.js";
import "@sinclair/typebox";
import { _ as o } from "./twind.D_WBdNpx.js";
import { b as k } from "./use-section-style.CgktT_qE.js";
import { u as x } from "./use-color-preset.CYlEPd2C.js";
import { B as v } from "./BrickRoot.LoA8SzjD.js";
function S({ brick: l, editable: r }) {
  var a;
  const s = l.props, p = x(l), n = k(l), f = Object.values(n), d = r ? (e) => {
    e.preventDefault();
  } : void 0;
  return /* @__PURE__ */ m(
    v,
    {
      editable: r,
      manifest: h,
      as: "footer",
      className: o(
        // Force 2 cols on mobile
        "grid gap-6 @desktop:grid-flow-col @mobile:grid-cols-2 @desktop:auto-cols-fr ",
        f,
        p.container
      ),
      children: [
        s.logo && /* @__PURE__ */ t(
          "div",
          {
            className: o(
              "items-center @desktop:(mr-10 col-span-1) @mobile:(flex col-start-1 col-span-2 justify-center)"
            ),
            "data-brick-group": "brand",
            children: /* @__PURE__ */ t("img", { src: s.logo.src, alt: s.logo.alt ?? "Logo", className: "h-full max-h-[80px] w-auto" })
          }
        ),
        (a = s.linksSections) == null ? void 0 : a.map((e, u) => {
          var c;
          return /* @__PURE__ */ m("nav", { className: o("flex flex-col @mobile:gap-3 @desktop:gap-2"), children: [
            /* @__PURE__ */ t("h6", { className: o("uppercase font-bold opacity-80"), children: e.sectionTitle }),
            (c = e.links) == null ? void 0 : c.map((i, g) => /* @__PURE__ */ t("a", { href: i.url, onClick: d, className: o("link link-hover max-w-fit"), children: i.title }, g))
          ] }, u);
        })
      ]
    }
  );
}
export {
  S as default
};
//# sourceMappingURL=footer.CDjUQ8IM.js.map
