interface AutoRefreshIndicatorProps {
  enabled: boolean;
  intervalSeconds: number;
  mode?: 'polling' | 'realtime';
}

export const AutoRefreshIndicator = ({ 
  enabled, 
  intervalSeconds,
  mode = 'polling' 
}: AutoRefreshIndicatorProps) => {
  if (!enabled) return null;

  return (
    <div className="flex items-center gap-2 text-xs text-muted-foreground px-1">
      <div className="flex items-center gap-1">
        <div className="w-2 h-2 rounded-full bg-green-500 animate-pulse" />
        <span>Auto-refresh active</span>
      </div>
      <span>•</span>
      <span>Checking every {intervalSeconds}s</span>
    </div>
  );
};