OPC

components/MarkdownViewer.tsx

@@ -0,0 +1,10 @@
+import ReactMarkdown from "react-markdown";
+import remarkGfm from "remark-gfm";
+
+export function MarkdownViewer({ markdown }: { markdown: string }) {
+  return (
+    <article className="prose prose-slate max-w-none prose-a:text-brand-600 prose-img:rounded-xl">
+      <ReactMarkdown remarkPlugins={[remarkGfm]}>{markdown}</ReactMarkdown>
+    </article>
+  );
+}