/**
 * Pre-configured React Query devtools for FloatingDevTools
 *
 * This preset provides a zero-config way to add React Query inspection to your dev tools.
 * Just import and add it to your apps array!
 *
 * @example
 * ```tsx
 * import { reactQueryToolPreset } from '@react-buoy/react-query';
 *
 * const installedApps = [
 *   reactQueryToolPreset, // That's it!
 *   // ...other tools
 * ];
 * ```
 */
import { ReactQueryDevToolsModal } from "./react-query/components/ReactQueryDevToolsModal";
/**
 * WiFi icon component - uses hooks to subscribe to onlineManager changes.
 *
 * ⚠️ IMPORTANT - DO NOT MODIFY THIS COMPONENT ⚠️
 * This component MUST use useState and useEffect hooks to subscribe to onlineManager.
 * It is rendered as a JSX component (<IconComponent />) in FloatingMenu and DialIcon,
 * which allows hooks to work properly.
 *
 * If you remove the hooks or change this to read onlineManager.isOnline() directly,
 * the icon color will NOT update when the WiFi toggle is pressed.
 *
 * See: FloatingMenu.tsx (renders as <IconComponent />)
 * See: DialIcon.tsx (renders as <icon.iconComponent />)
 */
declare function WifiIcon({ size }: {
    size: number;
}): import("react").JSX.Element;
/**
 * Pre-configured React Query devtools for FloatingDevTools.
 * Includes:
 * - Query browser and inspector
 * - Mutation tracking
 * - Cache inspection
 * - Query invalidation
 * - Performance monitoring
 */
export declare const reactQueryToolPreset: {
    id: string;
    name: string;
    description: string;
    slot: "both";
    icon: ({ size }: {
        size: number;
    }) => import("react").JSX.Element;
    component: typeof ReactQueryDevToolsModal;
    props: {
        enableSharedModalDimensions: boolean;
    };
};
/**
 * Create a custom React Query devtools configuration.
 * Use this if you want to override default settings.
 *
 * @example
 * ```tsx
 * import { createReactQueryTool } from '@react-buoy/react-query';
 *
 * const myQueryTool = createReactQueryTool({
 *   name: "TANSTACK",
 *   colorPreset: "purple",
 *   enableSharedModalDimensions: true,
 * });
 * ```
 */
export declare function createReactQueryTool(options?: {
    /** Tool name (default: "QUERY") */
    name?: string;
    /** Tool description */
    description?: string;
    /** Icon color preset (default: "red") */
    colorPreset?: "orange" | "cyan" | "purple" | "pink" | "yellow" | "red";
    /** Custom tool ID (default: "query") */
    id?: string;
    /** Enable shared modal dimensions */
    enableSharedModalDimensions?: boolean;
}): {
    id: string;
    name: string;
    description: string;
    slot: "both";
    icon: ({ size }: {
        size: number;
    }) => import("react").JSX.Element;
    component: typeof ReactQueryDevToolsModal;
    props: {
        enableSharedModalDimensions: boolean;
    };
};
/**
 * Pre-configured WiFi toggle tool for FloatingDevTools.
 * Allows toggling React Query's online state to simulate offline scenarios.
 * Simple toggle - no modal needed!
 *
 * @example
 * ```tsx
 * import { wifiTogglePreset } from '@react-buoy/react-query';
 *
 * const installedApps = [
 *   wifiTogglePreset, // That's it!
 *   // ...other tools
 * ];
 * ```
 */
export declare const wifiTogglePreset: {
    id: string;
    name: string;
    description: string;
    slot: "row";
    icon: typeof WifiIcon;
    component: () => null;
    props: {};
    launchMode: "toggle-only";
    onPress: () => void;
};
/**
 * Create a custom WiFi toggle tool configuration.
 * Use this if you want to override default settings.
 *
 * @example
 * ```tsx
 * import { createWifiToggleTool } from '@react-buoy/react-query';
 *
 * const myWifiTool = createWifiToggleTool({
 *   name: "OFFLINE",
 *   onColor: "#10B981",
 *   offColor: "#DC2626",
 * });
 * ```
 */
export declare function createWifiToggleTool(options?: {
    /** Tool name (default: "WIFI") */
    name?: string;
    /** Tool description */
    description?: string;
    /** Icon color when online (default: "#10B981" - green) */
    onColor?: string;
    /** Icon color when offline (default: "#DC2626" - red) */
    offColor?: string;
    /** Custom tool ID (default: "query-wifi-toggle") */
    id?: string;
}): {
    id: string;
    name: string;
    description: string;
    slot: "row";
    icon: ({ size }: {
        size: number;
    }) => import("react").JSX.Element;
    component: () => null;
    props: {};
    launchMode: "toggle-only";
    onPress: () => void;
};
export {};
//# sourceMappingURL=preset.d.ts.map