import * as React from 'react';
import Editor, { EditorOptions } from './Editor/Editor';
export { setupMonaco } from './Editor/setupMonaco';
export interface StoryState {
    code: string;
    availableImports?: Record<string, Record<string, unknown>> | undefined;
    modifyEditor?: React.ComponentProps<typeof Editor>['modifyEditor'] | undefined;
    defaultEditorOptions?: EditorOptions | undefined;
}
type AnyFn = (...args: any[]) => unknown;
type MinimalStoryObj = {
    tags?: string[] | undefined;
    parameters?: {
        liveCodeEditor?: {
            disable: boolean;
            id: string;
        } | undefined;
        docs?: {
            source?: Record<PropertyKey, unknown> | undefined;
            [k: string]: any;
        } | undefined;
        [k: string]: any;
    } | undefined;
    render?: AnyFn | undefined;
    [k: string]: any;
};
type MinimalStory = MinimalStoryObj | (AnyFn & MinimalStoryObj);
/**
 * Modifies a story to include a live code editor addon panel.
 */
export declare function makeLiveEditStory<T extends MinimalStory>(story: T, { code, availableImports, modifyEditor, defaultEditorOptions }: StoryState): void;
/**
 * React component containing a live code editor and preview.
 */
export declare function Playground({ availableImports, code, height, id, Container, ...editorProps }: Partial<StoryState> & {
    height?: string | undefined;
    id?: string | undefined;
    Container?: React.ComponentType<{
        editor: React.ReactNode;
        preview: React.ReactNode;
    }> | undefined;
}): React.JSX.Element;