import { FC, CSSProperties, ElementType } from 'react';
import Highlight, { PrismTheme, Language } from 'prism-react-renderer';
declare type RenderProps = Parameters<Highlight['props']['children']>[0];
export interface SyntaxHighlighterProps {
    /**
     * source code to be displayed.
     */
    children?: string;
    /**
     * optional `PrismTheme` theme provided to the component. Themes can be imported from `prism-react-renderer/themes`.
     */
    theme?: PrismTheme;
    /**
     * optional title to display for the code block. Usually used from MDX
     */
    title?: string;
    /**
     * source lnguage used, by default "jsx".
     */
    language?: Language;
    /**
     * custom function to render the source code.
     */
    renderFn?: (props: RenderProps, other: {
        theme: PrismTheme;
    }) => ReturnType<Highlight['props']['children']>;
    /**
     * used to specify a "dark" color theme - applcable only if no custom theme prop is provided.
     * if dark: true, duotoneDark theme is used.
     * if dark: false, duotoneLight theme is used.
     */
    dark?: boolean;
    /**
     * css styles for the container.
     */
    style?: CSSProperties;
    /**
     * syntax container as element. Can be used as `div` or `span`.
     */
    as?: ElementType;
    /**
     * code configuration string passed from MDX
     */
    metastring?: string;
}
/**
 * Syntax highlighter component using [prism](https://prismjs.com) for the actual source display.
 */
export declare const SyntaxHighlighter: FC<SyntaxHighlighterProps>;
export {};