import { jsx } from "react/jsx-runtime";
import { Suspense, lazy } from "react";
const TextEditor = lazy(() => import("./TextEditor.CjYN58yM.js"));
function TextContent(props) {
  if (props.editable) {
    return /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(TextEditor, { ...props, content: props.content, inline: true }) });
  }
  const { as, className, content, ...rest } = props;
  const Component = as ?? "div";
  return /* @__PURE__ */ jsx(
    Component,
    {
      className,
      dangerouslySetInnerHTML: { __html: content },
      ...rest
    }
  );
}
export {
  TextContent as T
};
//# sourceMappingURL=TextContent.fGn2nGQK.js.map
