23 lines
558 B
TypeScript
23 lines
558 B
TypeScript
import { cn } from "@/lib/utils";
|
|
import type React from "react";
|
|
|
|
type ProseProps = React.HTMLAttributes<HTMLElement> & {
|
|
as?: "article";
|
|
html: string;
|
|
};
|
|
|
|
function Prose({ children, html, className }: ProseProps) {
|
|
return (
|
|
<article
|
|
className={cn(
|
|
"prose prose-h2:font-semibold max-w-none prose-h1:text-xl prose-a:text-blue-600 prose-p:text-justify dark:prose-invert mx-auto",
|
|
className
|
|
)}
|
|
>
|
|
{html ? <div dangerouslySetInnerHTML={{ __html: html }} /> : children}
|
|
</article>
|
|
);
|
|
}
|
|
|
|
export default Prose;
|