"use client";
import { jsx as r } from "react/jsx-runtime";
import s from "./container-dnd-handler.js";
import { classNames as a } from "../../../utils/index.js";
import { EditorRenderBlock as m } from "../../../components/base/editor-render-block.js";
const x = (e) => {
  if (e.isEditable)
    return /* @__PURE__ */ r(s, { ...e });
  const i = e.parentId !== "root", { className: n, ...l } = e.attributes;
  return /* @__PURE__ */ r(
    "div",
    {
      className: a(
        e.id,
        "group relative flex w-full  flex-col",
        !i && "items-center justify-center after:pointer-events-none after:absolute after:left-0 after:top-0 after:z-10 after:h-full after:w-full after:ring-inset",
        n
      ),
      ...l,
      children: /* @__PURE__ */ r("div", { className: a("content relative mx-auto flex w-full max-w-[1140px]"), children: e.children.map((t, f) => /* @__PURE__ */ r(
        m,
        {
          index: f,
          block: t,
          meta: e.meta,
          isEditable: e.isEditable ?? !1
        },
        typeof t == "string" ? t : t.id
      )) })
    }
  );
};
export {
  x as default
};
//# sourceMappingURL=container.block.js.map
