import { FC } from 'react';
import { Scope } from './evaluate.js';
import { MDXComponents } from './mdx-components.js';
import '../types.js';
import 'mdast';
import 'next';
import 'zod';
import '../server/schemas.js';
import './lib/index.js';
import 'rehype-katex/lib/index.js';
import 'better-react-mathjax';
import 'rehype-pretty-code';
import '../types.generated.js';
import '@mdx-js/mdx';
import 'rehype-katex';
import 'url';
import 'next/link.js';
import 'next/image.js';
import './components/image-zoom.js';
import 'next/image';
import './mdx-components/anchor.js';
import 'next/link';

type MDXRemoteProps = Readonly<{
    /**
     * An object mapping names to React components.
     * The key used will be the name accessible to MDX.
     *
     * @example
     * `{ ComponentName: Component }` will be accessible in the MDX as `<ComponentName>`.
     */
    components?: MDXComponents;
    /**
     * Pass-through variables for use in the MDX content.
     * These variables will be available in the MDX scope.
     */
    scope?: Scope;
    /**
     * Raw JavaScript compiled MDX source code, a result of Nextra's
     * [`compileMdx` function](https://nextra.site/api/compilemdx).
     */
    compiledSource: string;
}>;
/**
 * A React component that renders compiled MDX content.
 *
 * @returns A rendered React element that renders the MDX content.
 * @example
 * ```mdx filename="example.mdx"
 * import { compileMdx } from 'nextra/compile'
 * import { MDXRemote } from 'nextra/mdx-remote'
 *
 * <MDXRemote
 *   compiledSource={await compileMdx('# Hello {myVariable} <MyComponent />')}
 *   components={{ MyComponent: () => <div>My Component</div> }}
 *   scope={{ myVariable: 'World' }}
 * />
 * ```
 */
declare const MDXRemote: FC<MDXRemoteProps>;

export { MDXRemote, type MDXRemoteProps };