/**
 * Debug Helpers for Gauge Component
 *
 * These utilities help visualize and debug the coordinate system,
 * making it easier to understand positioning and catch issues.
 */
import { Gauge } from '../types/Gauge';
import { GaugeLayout } from './coordinateSystem';
/**
 * Draws a debug overlay showing the coordinate system
 * Call this after renderChart to visualize layout
 */
export declare const drawDebugOverlay: (gauge: Gauge, layout: GaugeLayout) => void;
/**
 * Removes the debug overlay
 */
export declare const clearDebugOverlay: (gauge: Gauge) => void;
/**
 * Draws the viewBox bounds in the SVG
 * Useful to see if elements are outside the viewBox
 */
export declare const drawViewBoxBounds: (gauge: Gauge, layout: GaugeLayout) => void;
/**
 * Removes viewBox bounds visualization
 */
export declare const clearViewBoxBounds: (gauge: Gauge) => void;
/**
 * Logs detailed layout information to console
 */
export declare const logLayoutInfo: (gauge: Gauge, layout: GaugeLayout, parentWidth: number, parentHeight: number) => void;
/**
 * Tracks render count to detect infinite loops
 * Returns a function to call on each render
 */
export declare const createRenderCounter: (threshold?: number) => () => number;
/**
 * Validates that a layout is valid
 * Throws descriptive errors if something is wrong
 */
export declare const validateLayout: (layout: GaugeLayout, parentWidth: number, parentHeight: number) => boolean;
/**
 * Creates a visual test pattern to verify positioning
 * Draws markers at key angles and radii
 */
export declare const drawTestPattern: (gauge: Gauge) => void;
/**
 * Removes test pattern
 */
export declare const clearTestPattern: (gauge: Gauge) => void;
/**
 * Comprehensive debug mode - enables all visualizations
 */
export declare const enableDebugMode: (gauge: Gauge, layout: GaugeLayout, parentWidth: number, parentHeight: number) => void;
/**
 * Disables debug mode - removes all visualizations
 */
export declare const disableDebugMode: (gauge: Gauge) => void;