import { jsx as e } from "react/jsx-runtime";
import { forwardRef as l } from "react";
import { b as f } from "./use-section-style.D7ZN4IXn.js";
import { T as c } from "./TextContent.DIF92zqL.js";
import { _ as s } from "./twind.D7be0E5m.js";
import { u as p } from "./use-color-preset.B03-6uH7.js";
const T = l(({ brick: t, editable: o }, r) => {
  const { props: n } = t, a = f(t), i = Object.values(a), m = p(t);
  return /* @__PURE__ */ e("div", { className: s("flex-grow min-h-fit flex", ...i, m.main), children: /* @__PURE__ */ e(
    c,
    {
      ref: r,
      propPath: "content",
      className: s("first-child:first-line:leading-[100%] text-wrap"),
      brickId: t.id,
      content: n.content ?? "Your text here...",
      editable: o
    }
  ) });
});
export {
  T as default
};
//# sourceMappingURL=text.Cee5sDXF.js.map
