import { renderMarkdown } from "@/lib/server/markdown";

/** Server component: renders sanitized Markdown. */
export function MarkdownView({ markdown, className = "" }: { markdown: string; className?: string }) {
  const html = renderMarkdown(markdown);
  // biome-ignore lint/security/noDangerouslySetInnerHtml: sanitized with a strict allowlist in renderMarkdown
  return <div className={`prose-paper ${className}`} dangerouslySetInnerHTML={{ __html: html }} />;
}