import React from 'react';
import type { InspectorMediaTierSpec, InspectorRewriteGlobalVariableFn, InspectorVariableMediaBreakpoint } from './types';
import './design-inspector-ui.css';
export interface InspectorProviderProps {
    variableCssSource?: string;
    rewriteGlobalVariable?: InspectorRewriteGlobalVariableFn | null;
    fileRewriteApiRoute?: string | null;
    fileRewriteDevServerUrl?: string | null;
    fileRewriteRelativePath?: string | null;
    variableMediaBreakpoints?: InspectorVariableMediaBreakpoint[] | null;
    mediaTiers?: InspectorMediaTierSpec[] | null;
    mediaQuery?: Record<string, string> | null;
    baseMinWidthThemeKey?: string | null;
    /** Label for base tier in UI (e.g. `Global`). */
    baseGlobalLabel?: string | null;
    /**
     * Min viewport px for the base (Global) tier.
     * Pass directly from getGlobalVariablesInspectorServerProps.baseMinPx when not using mediaTiers.
     */
    inspectorBaseMinPx?: number | null;
    /** Auth credentials. Default: login='design', password='inspector' */
    authCredentials?: {
        login: string;
        password: string;
    };
    /**
     * Enable full-page variables inspector at a dedicated route.
     * Pass true to use the default slug ('design-inspector'), or a custom string slug.
     */
    pageInspector?: boolean | string;
}
export declare const InspectorProvider: React.FC<InspectorProviderProps>;
//# sourceMappingURL=InspectorProvider.d.ts.map