feat: cleaner api rendering

packages/website-ue/src/components/MarkdownCustom/index.tsx

@@ -1,14 +1,16 @@
+import type { ComponentProps } from "react";
 import Markdown from "react-markdown";
+import { classNames } from "../../core/ui/classNames";
 import { Text } from "../Text";
 import styles from "./index.module.css";
 
-interface Props {
+interface MarkdownCustom extends ComponentProps<"div"> {
   body: string;
 }
 
-export function MarkdownCustom({ body }: Props) {
+export function MarkdownCustom({ body, className, ...props }: MarkdownCustom) {
   return (
-    <div className={styles.markdown}>
+    <div className={classNames(className, styles.markdown)} {...props}>
       <Markdown
         components={{
           p: Text,