import { j as jsxRuntimeExports } from "./jsx-runtime.CXYVdt5g.js";
import { aC as manifest } from "./use-editor.CurXdZnZ.js";
import "@sinclair/typebox";
import "lodash-es";
import { a as tx } from "./twind.B1qQmF_s.js";
import { b as useBrickStyle } from "./use-section-style.D8_SY6rK.js";
import { B as BrickRoot } from "./BrickRoot.C4Jpjw20.js";
function Footer({ brick, editable }) {
  const props = brick.props;
  const styles = useBrickStyle(brick);
  const classes = Object.values(styles);
  const onClick = editable ? (e) => {
    e.preventDefault();
  } : void 0;
  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
    BrickRoot,
    {
      brick,
      editable,
      manifest,
      "data-no-section-padding": true,
      as: "footer",
      className: tx(
        // Force 2 cols on mobile
        `grid gap-6 @desktop:grid-flow-col @mobile:grid-cols-2 @desktop:auto-cols-fr `,
        classes
      ),
      children: [
        props.logo?.src && /* @__PURE__ */ jsxRuntimeExports.jsx(
          "div",
          {
            className: tx(
              "items-center @desktop:(mr-10 col-span-1) @mobile:(flex col-start-1 col-span-2 justify-center)"
            ),
            "data-brick-group": "brand",
            children: /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: props.logo.src, alt: props.logo.alt ?? "Logo", className: `h-full max-h-[80px] w-auto` })
          }
        ),
        props.linksSections?.map((section, index) => /* @__PURE__ */ jsxRuntimeExports.jsxs("nav", { className: tx("flex flex-col @mobile:gap-3 @desktop:gap-2"), children: [
          /* @__PURE__ */ jsxRuntimeExports.jsx("h6", { className: tx("uppercase font-bold opacity-80"), children: section.sectionTitle }),
          section.links?.map((link, linkIndex) => /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: link.url, onClick, className: tx("link link-hover max-w-fit"), children: link.title }, linkIndex))
        ] }, index))
      ]
    }
  );
}
export {
  Footer as default
};
//# sourceMappingURL=footer.zobPeL8c.js.map
