2023-10-21 12:00:46 +00:00
|
|
|
import { CSS, render } from "$gfm";
|
2023-11-22 05:48:25 +00:00
|
|
|
import { JSX } from "preact/jsx-runtime";
|
2023-10-21 12:00:46 +00:00
|
|
|
|
2023-11-22 05:48:25 +00:00
|
|
|
export default function MarkdownContent({ mdData }: { mdData: string }, props: JSX.HTMLAttributes<HTMLDivElement>) {
|
2023-10-21 12:00:46 +00:00
|
|
|
return (
|
2023-11-22 05:48:25 +00:00
|
|
|
<div
|
|
|
|
{...props}
|
|
|
|
class="flex mx-auto flex-col px-4 py-8 aspect-auto bg-white rounded items-center z-20">
|
2023-10-21 12:00:46 +00:00
|
|
|
<style dangerouslySetInnerHTML={{ __html: CSS }} />
|
|
|
|
<div
|
|
|
|
class="markdown-body"
|
|
|
|
dangerouslySetInnerHTML={{ __html: render(mdData) }}
|
|
|
|
>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
}
|