import * as React from 'react';
import { FiberNavigator } from './FiberNavigator';
export declare type DebugPanelProps = {
    cssStyles?: string[];
    fiberNav: FiberNavigator;
    debugData: {
        componentStyles: {
            [key: string]: {
                styles: any;
                debugId: string;
            };
        };
        componentVariables: {
            input: {
                [key: string]: any;
            };
            resolved: {
                [key: string]: any;
            };
        }[];
        siteVariables: object[];
    };
    onActivateDebugSelectorClick: (e: any) => void;
    onClose: (e: any) => void;
    onPositionLeft: (e: any) => void;
    onPositionRight: (e: any) => void;
    position: 'left' | 'right';
    onFiberChanged: (fiberNav: FiberNavigator) => void;
    onFiberSelected: (fiberNav: FiberNavigator) => void;
};
export declare const DebugPanel: React.FC<DebugPanelProps>;