import ReactMarkdown from "react-markdown";
import remarkGfm from "remark-gfm";
const PLUGINS = [remarkGfm];
const COMPONENTS = {
p: ({ children }) => {children}
,
strong: ({ children }) => {children},
em: ({ children }) => {children},
h1: ({ children }) => {children}
,
h2: ({ children }) => {children}
,
h3: ({ children }) => {children}
,
ul: ({ children }) => ,
ol: ({ children }) => {children}
,
li: ({ children }) => {children},
a: ({ href, children }) => (
{children}
),
blockquote: ({ children }) => (
{children}
),
code: ({ inline, className, children }) => {
if (inline) {
return (
{children}
);
}
const lang = className?.replace("language-", "") || "";
return (
{lang && (
{lang}
)}
{children}
{children}
|
),
td: ({ children }) => (
{children} |
),
hr: () =>
,
};
export default function Markdown({ children }) {
return (
{children}
);
}