import type { JSONContent } from "@tiptap/core";
import type { Node as ProseMirrorNode } from "@tiptap/pm/model";
import { renderToReactElement } from "@tiptap/static-renderer/pm/react";
import type { ReactNode } from "react";
import { createHeadlessEditorExtensions } from "@/shared/editor/schema";
import { createBlandSitesStaticNodeMappings } from "./node-mappings";

export function renderBlandSitesDocumentToReactElement(content: ProseMirrorNode | JSONContent): ReactNode {
  return renderToReactElement({
    content,
    extensions: createHeadlessEditorExtensions(),
    options: {
      nodeMapping: createBlandSitesStaticNodeMappings(),
    },
  });
}

export type { SitesPageMentionRenderInfo } from "@/sites/types";