import ReactMarkdown from "react-markdown";
import type { Components } from "react-markdown";
import { cn } from "~/lib/utils";
const markdownComponents: Components = {
h1: ({ className, ...props }) => (
),
h2: ({ className, ...props }) => (
),
h3: ({ className, ...props }) => (
),
h4: ({ className, ...props }) => (
),
h5: ({ className, ...props }) => (
),
h6: ({ className, ...props }) => (
),
p: ({ className, ...props }) => (
),
ul: ({ className, ...props }) => (
),
ol: ({ className, ...props }) => (
),
li: ({ className, ...props }) => (
),
blockquote: ({ className, ...props }) => (
),
code: ({ className, inline, ...props }: any) =>
inline ? (
) : (
),
pre: ({ className, ...props }) => (
),
a: ({ className, ...props }) => (
),
hr: ({ className, ...props }) => (
),
table: ({ className, ...props }) => (
),
thead: ({ className, ...props }) => (
),
tbody: ({ className, ...props }) => (
),
tr: ({ className, ...props }) => (
),
th: ({ className, ...props }) => (
|
),
td: ({ className, ...props }) => (
|
),
strong: ({ className, ...props }) => (
),
em: ({ className, ...props }) => (
),
};
interface StyledMarkdownProps {
children: string;
className?: string;
components?: Components;
}
export function StyledMarkdown({
children,
className,
components,
}: StyledMarkdownProps) {
return (
{children}
);
}