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