'use client';

import { MDXRemote, type MDXRemoteSerializeResult } from 'next-mdx-remote';
import { useIsMobile } from '@/lib/useIsMobile';
import { mdComponents } from '@/lib/mdComponents';

interface DocsContentProps {
  source: MDXRemoteSerializeResult;
}

export default function DocsContent({ source }: DocsContentProps) {
  const isMobile = useIsMobile();
  const components = mdComponents(isMobile);
  return (
    <article style={{ minWidth: 0 }}>
      <MDXRemote {...source} components={components as never} />
    </article>
  );
}