import { jsx as t } from "react/jsx-runtime";
import { aF as i } from "./use-page-data.BYLN5MSa.js";
import { B as f } from "./BrickWrapper.DUMJ-X1W.js";
import { E as c } from "./EditableBrick.mVJOjFEX.js";
import { a as n } from "./twind.Cg2g8xBZ.js";
import { B } from "./BrickRoot.CQgjTuOI.js";
import { b as l } from "./use-section-style.CqWLdjop.js";
function E({
  brick: o,
  editable: a,
  isDynamicPreview: m,
  iterationIndex: s,
  level: u = 0
}) {
  const e = l(o);
  return /* @__PURE__ */ t(B, { editable: a, manifest: i, className: n(Object.values(e)), brick: o, children: o.props.$children?.map(
    (r, p) => a ? /* @__PURE__ */ t(
      c,
      {
        brick: r,
        index: p,
        iterationIndex: s,
        isDynamicPreview: m
      },
      r.id
    ) : /* @__PURE__ */ t(f, { brick: r }, r.id)
  ) });
}
export {
  E as default
};
