import { Article } from '@/features/posts/_lib/transformers';
import TiptapNodeRenderer from './node-renderer';
import type { JSONContent } from '@tiptap/react';

export default function PostContentRenderer({
  nodeContent,
  post
}: {
  nodeContent: unknown;
  post?: Article;
}) {
  if (!nodeContent) {
    return null;
  }

  const { content } = nodeContent as JSONContent;

  return (
    <div className='prose rich-text'>
      {content?.map((node, index) => (
        <TiptapNodeRenderer key={index} node={node} post={post} />
      ))}
    </div>
  );
}