import ReactMarkdown from "react-markdown"
import remarkGfm from "remark-gfm"
import CodeBlock from "@/components/CodeBlock"
import remarkMath from "remark-math"
import rehypeKatex from "rehype-katex"
import "katex/dist/katex.min.css"
import { Skeleton } from "@/components/ui/skeleton"
const EntryLoadingSkeleton = () => {
return (
{/*
*/}
)
}
export default function EntryBody({ body, isLoading }) {
if (isLoading) {
return
} else
return (
null,
h2: ({ children }) => (
{children}
),
h3: ({ children }) => (
{children}
),
h4: ({ children }) => (
{children}
),
p: ({ children }) => (
{children}
),
ul: ({ children }) => (
),
ol: ({ children }) => (
{children}
),
a: ({ href, children }) => (
{children}
),
table: ({ children }) => (
),
tr: ({ children }) => (
{children}
),
th: ({ children }) => (
{children}
|
),
td: ({ children }) => (
{children}
|
),
blockquote: ({ children }) => (
{children}
),
pre: ({ children }) => {
const child = children.props
return {child.children}
},
code: ({ children }) => (
{children}
),
}}
>
{body}
)
}