@dndbuilder.com/react
Version:
Drag and drop builder for React
37 lines (36 loc) • 1.18 kB
JavaScript
"use client";
import { jsx as r } from "react/jsx-runtime";
import s from "./container-dnd-handler.js";
import { classNames as a } from "../../../../../../utils.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