import { WNode, WNodeProps } from './types';
import { IJsonNode } from '../state/json-viewer';
export type JsonViewerVisibleNode = {
    node: IJsonNode;
    isFocused: boolean;
    isExpanded: boolean;
};
export type JsonViewerViewState = {
    visibleNodes: JsonViewerVisibleNode[];
    hasScrollUp: boolean;
    hasScrollDown: boolean;
    indentWidth: number;
};
export type JsonViewerRenderTheme = {
    styles: {
        container: () => WNodeProps;
        row: (props: {
            isFocused: boolean;
            depth: number;
        }) => WNodeProps;
        indent: () => WNodeProps;
        focusIndicator: () => WNodeProps;
        expandIcon: (props: {
            isExpanded: boolean;
        }) => WNodeProps;
        key: (props: {
            depth: number;
        }) => WNodeProps;
        colon: () => WNodeProps;
        value: (props: {
            valueType: string;
        }) => WNodeProps;
        preview: () => WNodeProps;
        scrollIndicator: () => WNodeProps;
    };
    config: () => {
        expandedIcon: string;
        collapsedIcon: string;
        colonSeparator: string;
    };
};
export declare const defaultJsonViewerTheme: JsonViewerRenderTheme;
export declare function renderJsonViewer(state: JsonViewerViewState, theme?: JsonViewerRenderTheme): WNode;
//# sourceMappingURL=render-json-viewer.d.ts.map