import { jsx as r } from "react/jsx-runtime";
import { N as i } from "./chunk-RXIM6GTA.C-ABNABt.js";
import "@sinclair/typebox";
import { B as n } from "./BrickWrapper.Blc4vSzj.js";
import { _ as c } from "./twind.D_WBdNpx.js";
import { B as f } from "./BrickRoot.LoA8SzjD.js";
import { u as l } from "./use-color-preset.CYlEPd2C.js";
import { Suspense as u, lazy as d } from "react";
const x = d(() => import("./DroppableBox.BvIXhioe.js"));
function L({ brick: o, editable: m, level: a }) {
  var t;
  const { props: s } = o, p = l(o), { datasource: B } = s;
  return /* @__PURE__ */ r(
    f,
    {
      editable: m,
      manifest: i,
      className: c("flex @mobile:flex-wrap", p.main),
      children: m ? /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(x, { brick: o, dynamic: !0, level: a }) }) : (t = s.$children) == null ? void 0 : t.map((e) => /* @__PURE__ */ r(n, { brick: e }, e.id))
    }
  );
}
export {
  L as default
};
//# sourceMappingURL=dynamic.Dl-8rwuW.js.map
