import { type MDXComponents } from "mdx/types";

import { Pre } from "@/components/docs/pre";

export function useMDXComponents(components: MDXComponents): MDXComponents {
  return {
    ...components,
    // rehype-pretty-code emits highlighted spans inside <pre>; our Pre adds the
    // dark panel + copy button.
    pre: Pre as MDXComponents["pre"],
  };
}