import { WNode, WNodeProps } from './types';
import { ITreeNodeState } from '../lib/tree-utils';
import { TreeViewSelectionMode } from '../state/tree-view';
export type TreeViewVisibleNode = {
    id: string;
    label: string;
    state: ITreeNodeState;
};
export type TreeViewViewState = {
    visibleNodes: TreeViewVisibleNode[];
    selectionMode: TreeViewSelectionMode;
    hasScrollUp: boolean;
    hasScrollDown: boolean;
    scrollUpCount: number;
    scrollDownCount: number;
};
export type TreeViewRenderTheme = {
    styles: {
        container: () => WNodeProps;
        node: (props: {
            isFocused: boolean;
            depth: number;
        }) => WNodeProps;
        indent: () => WNodeProps;
        expandIcon: (props: {
            isExpanded: boolean;
            hasChildren: boolean;
            isLoading: boolean;
        }) => WNodeProps;
        checkbox: (props: {
            isSelected: boolean;
        }) => WNodeProps;
        label: (props: {
            isFocused: boolean;
            isSelected: boolean;
        }) => WNodeProps;
        focusIndicator: () => WNodeProps;
        scrollIndicator: () => WNodeProps;
    };
    config: () => {
        expandedIcon: string;
        collapsedIcon: string;
        leafIcon: string;
        loadingIcon: string;
        checkedIcon: string;
        uncheckedIcon: string;
        tickIcon: string;
    };
};
export declare const defaultTreeViewTheme: TreeViewRenderTheme;
export declare function renderTreeView(state: TreeViewViewState, theme?: TreeViewRenderTheme): WNode;
//# sourceMappingURL=render-tree-view.d.ts.map