20 lines
637 B
TypeScript
20 lines
637 B
TypeScript
import type { MDXComponents } from "mdx/types";
|
|
import { ScrollArea } from "~/app/components/ui/scroll-area";
|
|
|
|
export function useMDXComponents(
|
|
defaultComponents: MDXComponents,
|
|
): MDXComponents {
|
|
return {
|
|
h1: (props) => <h1 className="text-2xl font-medium" {...props} />,
|
|
h2: (props) => <h2 className="text-lg" {...props} />,
|
|
h3: (props) => <h3 className="text-lg" {...props} />,
|
|
pre: ({ children }) => (
|
|
<pre>
|
|
<ScrollArea className="-pb-5 pt-5">{children}</ScrollArea>
|
|
</pre>
|
|
),
|
|
a: (props) => <a target="_blank" rel="noopener noreferrer" {...props} />,
|
|
...defaultComponents,
|
|
};
|
|
}
|