import { jsxs as i, jsx as l } from "react/jsx-runtime";
import { _ as o } from "./twind.D7be0E5m.js";
import { forwardRef as x } from "react";
import { b as k } from "./use-section-style.D7ZN4IXn.js";
import { u as b } from "./use-color-preset.B03-6uH7.js";
const C = x(({ brick: t, editable: p }, n) => {
  var r;
  const e = t.props, m = b(t), f = k(t), d = Object.values(f), u = p ? (s) => {
    s.preventDefault();
  } : void 0;
  return (
    // Force 2 cols on mobile
    /* @__PURE__ */ i(
      "footer",
      {
        ref: n,
        className: o(
          "flex-1 grid gap-6 @desktop:grid-flow-col @mobile:grid-cols-2 @desktop:auto-cols-fr ",
          d,
          m.container
        ),
        children: [
          e.logo && /* @__PURE__ */ l(
            "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__ */ l("img", { src: e.logo.src, alt: e.logo.alt ?? "Logo", className: "h-full max-h-[80px] w-auto" })
            }
          ),
          (r = e.linksSections) == null ? void 0 : r.map((s, g) => {
            var a;
            return /* @__PURE__ */ i("nav", { className: o("flex flex-col @mobile:gap-3 @desktop:gap-2"), children: [
              /* @__PURE__ */ l("h6", { className: o("uppercase font-bold opacity-80"), children: s.sectionTitle }),
              (a = s.links) == null ? void 0 : a.map((c, h) => /* @__PURE__ */ l("a", { href: c.url, onClick: u, className: o("link link-hover max-w-fit"), children: c.title }, h))
            ] }, g);
          })
        ]
      }
    )
  );
});
export {
  C as default
};
//# sourceMappingURL=footer.IgYCs1gL.js.map
