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