import ReactMarkdown from 'react-markdown';
import rehypeRaw from 'rehype-raw';
import rehypeSanitize from 'rehype-sanitize';
import { cn } from '@/lib/utils';
import { containsMarkdown } from '@/lib/markdown';
interface MarkdownRendererProps {
content: string;
className?: string;
}
/**
* Renders markdown or plain text with auto-detection
* - Auto-detects markdown syntax
* - Sanitizes HTML for XSS protection
* - Uses shadcn/ui design tokens via prose classes
*/
export function MarkdownRenderer({ content, className }: MarkdownRendererProps) {
// If no markdown detected, render as plain text
if (!containsMarkdown(content)) {
return (
{content}
);
}
return (
{content}
);
}