Blame · markdown.tsx

9e346cc	1	import ReactMarkdown from "react-markdown";
9e346cc	2	import remarkGfm from "remark-gfm";
9e346cc	3
9e346cc	4	interface MarkdownProps {
9e346cc	5	content: string;
9e346cc	6	}
9e346cc	7
9e346cc	8	export function Markdown({ content }: MarkdownProps) {
9e346cc	9	return (
9e346cc	10	<div
9e346cc	11	className="text-sm prose"
9e346cc	12	style={{
9e346cc	13	backgroundColor: "var(--bg-card)",
9e346cc	14	border: "1px solid var(--border-subtle)",
9e346cc	15	}}
9e346cc	16	>
9e346cc	17	<div
9e346cc	18	className="px-4 py-2 text-xs"
9e346cc	19	style={{
9e346cc	20	color: "var(--text-muted)",
9e346cc	21	borderBottom: "1px solid var(--border-subtle)",
9e346cc	22	backgroundColor: "var(--bg-inset)",
9e346cc	23	}}
9e346cc	24	>
9e346cc	25	README.md
9e346cc	26	</div>
9e346cc	27	<div className="px-4 py-4">
9e346cc	28	<ReactMarkdown remarkPlugins={[remarkGfm]}>{content}</ReactMarkdown>
9e346cc	29	</div>
9e346cc	30	</div>
9e346cc	31	);
9e346cc	32	}