import { jsx as s } from "react/jsx-runtime";
import { b as p } from "./use-section-style.CgktT_qE.js";
import { a0 as c } from "./chunk-RXIM6GTA.C-ABNABt.js";
import "@sinclair/typebox";
import { T as i } from "./TextContent.CXFlerU1.js";
import { _ as e } from "./twind.D_WBdNpx.js";
import { u as f } from "./use-color-preset.CYlEPd2C.js";
import { B as l } from "./BrickRoot.LoA8SzjD.js";
function j({ brick: t, editable: o }) {
  const { props: r } = t, m = p(t), n = Object.values(m), a = f(t);
  return /* @__PURE__ */ s(l, { editable: o, manifest: c, className: e("flex", n, a.main), children: /* @__PURE__ */ s(
    i,
    {
      propPath: "content",
      className: e("text-pretty grow"),
      brickId: t.id,
      content: r.content,
      editable: o
    }
  ) });
}
export {
  j as default
};
//# sourceMappingURL=text.DN0I-Yjw.js.map
