import { jsxs as i, jsx as t } from "react/jsx-runtime";
import { ae as h } from "./chunk-3RDGTRSB.DySNCMmQ.js";
import "@sinclair/typebox";
import { _ as o } from "./twind.D7be0E5m.js";
import { b as k } from "./use-section-style.CihCUEtb.js";
import { u as x } from "./use-color-preset.BrT8DcA1.js";
import { B as b } from "./BrickRoot.C1PanknS.js";
function S({ brick: l, editable: m }) {
  var a;
  const s = l.props, p = x(l), n = k(l), f = Object.values(n), d = m ? (e) => {
    e.preventDefault();
  } : void 0;
  return /* @__PURE__ */ i(
    b,
    {
      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 r;
          return /* @__PURE__ */ i("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 }),
            (r = e.links) == null ? void 0 : r.map((c, g) => /* @__PURE__ */ t("a", { href: c.url, onClick: d, className: o("link link-hover max-w-fit"), children: c.title }, g))
          ] }, u);
        })
      ]
    }
  );
}
export {
  S as default
};
//# sourceMappingURL=footer.AwolA1cD.js.map
