import React, { PureComponent, ReactNode } from 'react';
import type { Dispatch, Action } from '@reduxjs/toolkit';
import type { LiftedAction, LiftedState } from '@redux-devtools/core';
import { QueryFormValues, QueryPreviewTabs, RtkQueryMonitorState, SelectorsSource, RtkResourceInfo } from '../types.js';
type ForwardedMonitorProps<S, A extends Action<string>> = Pick<LiftedState<S, A, RtkQueryMonitorState>, 'monitorState' | 'currentStateIndex' | 'computedStates' | 'actionsById'>;
export interface RtkQueryInspectorProps<S, A extends Action<string>> extends ForwardedMonitorProps<S, A> {
    dispatch: Dispatch<LiftedAction<S, A, RtkQueryMonitorState>>;
}
type RtkQueryInspectorState<S> = {
    selectorsSource: SelectorsSource<S>;
    isWideLayout: boolean;
};
declare class RtkQueryInspector<S, A extends Action<string>> extends PureComponent<RtkQueryInspectorProps<S, A>, RtkQueryInspectorState<S>> {
    inspectorRef: React.RefObject<HTMLDivElement | null>;
    isWideIntervalRef: ReturnType<typeof setInterval> | null;
    constructor(props: RtkQueryInspectorProps<S, A>);
    static wideLayout: number;
    static getDerivedStateFromProps(props: RtkQueryInspectorProps<unknown, Action<string>>, state: RtkQueryInspectorState<unknown>): null | Partial<RtkQueryInspectorState<unknown>>;
    selectors: import("../selectors.js").InspectorSelectors<S>;
    updateSizeMode: () => void;
    componentDidMount(): void;
    componentWillUnmount(): void;
    handleQueryFormValuesChange: (values: Partial<QueryFormValues>) => void;
    handleSelectQuery: (queryInfo: RtkResourceInfo) => void;
    handleTabChange: (tab: QueryPreviewTabs) => void;
    render(): ReactNode;
}
export default RtkQueryInspector;