import { jsx as r } from "react/jsx-runtime";
import { ad as t } from "./chunk-3RDGTRSB.DySNCMmQ.js";
import "@sinclair/typebox";
import { B as a } from "./BrickWrapper.DjCtovI3.js";
import { _ as i } from "./twind.D7be0E5m.js";
import { B as f } from "./BrickRoot.C1PanknS.js";
import { u as l } from "./use-color-preset.BrT8DcA1.js";
import "./use-page-data.BTws06Go.js";
import { Suspense as n, lazy as c } from "react";
const d = c(() => import("./DroppableBox.D5VkGynx.js"));
function w({ brick: o, editable: p }) {
  var m;
  const s = l(o);
  return /* @__PURE__ */ r(f, { manifest: t, className: i("flex @mobile:flex-wrap", s.main), children: p ? /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r(d, { brick: o }) }) : (m = o.props.$children) == null ? void 0 : m.map((e) => /* @__PURE__ */ r(a, { brick: e }, e.id)) });
}
export {
  w as default
};
//# sourceMappingURL=dynamic.yuQGx41F.js.map
