import * as react from 'react';
import { FC, HTMLAttributes, AnchorHTMLAttributes, ImgHTMLAttributes, TableHTMLAttributes } from 'react';
import * as react_jsx_runtime from 'react/jsx-runtime';
import { Card, Cards } from './components/card.js';

declare function Image(props: ImgHTMLAttributes<HTMLImageElement>): React.ReactElement;
declare function Table(props: TableHTMLAttributes<HTMLTableElement>): React.ReactElement;
declare const defaultMdxComponents: {
    pre: FC<HTMLAttributes<HTMLPreElement>>;
    Card: typeof Card;
    Cards: typeof Cards;
    a: FC<AnchorHTMLAttributes<HTMLAnchorElement>>;
    img: typeof Image;
    h1: (props: React.HTMLAttributes<HTMLHeadingElement>) => react_jsx_runtime.JSX.Element;
    h2: (props: React.HTMLAttributes<HTMLHeadingElement>) => react_jsx_runtime.JSX.Element;
    h3: (props: React.HTMLAttributes<HTMLHeadingElement>) => react_jsx_runtime.JSX.Element;
    h4: (props: React.HTMLAttributes<HTMLHeadingElement>) => react_jsx_runtime.JSX.Element;
    h5: (props: React.HTMLAttributes<HTMLHeadingElement>) => react_jsx_runtime.JSX.Element;
    h6: (props: React.HTMLAttributes<HTMLHeadingElement>) => react_jsx_runtime.JSX.Element;
    table: typeof Table;
    Callout: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "title" | "icon" | "type"> & {
        title?: react.ReactNode;
        type?: "info" | "warn" | "error";
        icon?: react.ReactNode;
    } & react.RefAttributes<HTMLDivElement>>;
};
/**
 * **Server Component Only**
 *
 * Sometimes, if you directly pass a client component to MDX Components, it will throw an error
 *
 * To solve this, you can re-create the component in a server component like: `(props) => <Component {...props} />`
 *
 * This function does that for you
 *
 * @param c - MDX Components
 * @returns MDX Components with re-created client components
 */
declare function createComponents<Components extends Record<string, FC<unknown>>>(c: Components): Components;

export { createComponents, defaultMdxComponents as default };