import React from 'react';
import type { useTheme } from '../hooks/useTheme.js';
import type { DevelopmentMode } from '../types/core.js';
interface DevelopmentModeIndicatorProps {
    developmentMode: DevelopmentMode;
    colors: ReturnType<typeof useTheme>['colors'];
    contextPercentUsed: number | null;
}
/**
 * Development mode indicator component
 * Shows the current development mode (normal/auto-accept/plan/scheduler) and instructions
 * Always visible to help users understand the current mode
 */
export declare const DevelopmentModeIndicator: React.MemoExoticComponent<({ developmentMode, colors, contextPercentUsed, }: DevelopmentModeIndicatorProps) => import("react/jsx-runtime").JSX.Element>;
export {};
//# sourceMappingURL=development-mode-indicator.d.ts.map