import { WebSocketManager } from '../manager';
import { TDebugEventType } from '../types';
import { TInspectorPosition, TSnapshot } from './inspector-types';
import { TSnapshotDiff } from './snapshot-diff';

export type TTab = "state" | "diff";
export declare function useInspectorPanel<TClientMsg, TServerMsg extends Record<TKey, string>, TKey extends string = "type">(manager: WebSocketManager<TClientMsg, TServerMsg, TKey>, maxSnapshots: number, defaultPosition: TInspectorPosition): {
    open: boolean;
    activeTab: TTab;
    setActiveTab: import('react').Dispatch<import('react').SetStateAction<TTab>>;
    snapshots: TSnapshot<TClientMsg, TServerMsg>[];
    filtered: TSnapshot<TClientMsg, TServerMsg>[];
    activeFilters: Set<"transport-error" | "connection-state-change" | "message-received" | "message-sent" | "send-failed" | "subscribe" | "unsubscribe" | "in-flight-ack" | "in-flight-drop" | "ack-id-reuse" | "pending-subscription-resolved" | "reconnect-scheduled" | "ready" | "deserialize-error" | "url-resolve-error" | "dispose">;
    toggleFilter: (eventType: TDebugEventType) => void;
    clearFilters: () => void;
    selectedSnapshotId: number | null;
    diff: TSnapshotDiff<TClientMsg> | null;
    goTo: (id: number) => void;
    goToLive: () => void;
    isLive: boolean;
    currentState: import('./inspector-types').TManagerState<TClientMsg> | null;
    eventTypes: ("transport-error" | "connection-state-change" | "message-received" | "message-sent" | "send-failed" | "subscribe" | "unsubscribe" | "in-flight-ack" | "in-flight-drop" | "ack-id-reuse" | "pending-subscription-resolved" | "reconnect-scheduled" | "ready" | "deserialize-error" | "url-resolve-error" | "dispose")[];
    connectionState: import('..').TConnectionState;
    bubblePosition: {
        x: number;
        y: number;
    };
    panelPosition: {
        x: number;
        y: number;
    };
    size: {
        width: number;
        height: number;
    };
    sidebarWidth: number;
    clear: () => void;
    onBubbleDown: (e: React.MouseEvent) => void;
    onHeaderDown: (e: React.MouseEvent) => void;
    onResizeDown: (e: React.MouseEvent) => void;
    onDividerDown: (e: React.MouseEvent) => void;
    handleClose: () => void;
};
//# sourceMappingURL=use-inspector-panel.d.ts.map