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