import './code-preview.css';
import 'tippy.js/dist/tippy.css';
import { FrameSize } from '../../utils/frame-sizes';
interface CodePreviewProps {
    /**
     * The code snippets to be displayed in the code preview.
     */
    code: {
        [key: string]: () => {};
    };
    title?: string;
    description?: string;
    source?: string;
    output?: {
        outputs: {
            name: string;
            value?: string;
        }[];
        defaultOutput: string;
    };
    viewport?: {
        viewports: {
            name: string;
            src: (baseUrl: string) => string;
        }[];
        defaultViewport: string;
    };
    controls?: {
        reportIssue?: {
            url: string;
        };
        stackblitz?: {
            tooltip?: string;
        } | boolean;
    };
    /**
     * The size of the code preview frame. Default is `sm`.
     */
    size?: FrameSize | string;
    isDarkMode?: boolean;
    onOpenOutputTarget?: (outputTarget: string, codeBlock: string) => void;
}
export declare const CodePreview: ({ code, source, viewport, size, output, controls, onOpenOutputTarget, isDarkMode, }: CodePreviewProps) => JSX.Element;
export {};