import { cn } from "@/lib/utils";
import { sanitizeRichTextHtml } from "@/lib/rich-text";

export function RichTextContent({
  html,
  className,
}: {
  html: string;
  className?: string;
}) {
  if (!html) return null;

  return (
    <div
      className={cn("prose prose-sm prose-invert max-w-none leading-snug [&>p]:m-0", className)}
      dangerouslySetInnerHTML={{ __html: sanitizeRichTextHtml(html) }}
    />
  );
}