import type { HexColor, Position, Size } from "./types.js";
export interface SwitchButtonOption<K extends string | number = string> {
    key: K;
    value: string;
}
export type SwitchOptions<K extends string | number = string> = Array<SwitchButtonOption<K>>;
export interface CreateDebugSwitchButtonOptions<K extends string | number = string> {
    /** Array of switch options with key-value pairs. */
    options: SwitchOptions<K>;
    /** Initial selected option index (default: 0). */
    optionInitialIndex?: number;
    /** Wrap around at ends (default: true). */
    optionsWrap?: boolean;
    /** Size (default: 200×40). */
    size?: Size;
    /** Background color (default: "#ffffff"). */
    bgColor?: HexColor;
    /** Stroke color (default: "#000000"). */
    strokeColor?: HexColor;
    /** Stroke thickness (default: 1). */
    strokeThickness?: number;
    /** Text color (default: "#000000"). */
    textColor?: HexColor;
    /** Arrow color (default: "#ffffff"). */
    arrowColor?: HexColor;
    /** Arrow size in px (default: auto from height). */
    arrowSize?: number;
    /** Arrow margin from edges (default: 10). */
    arrowMargin?: number;
    /** Font size in px (default: 16). */
    fontSize?: number;
    /** Font family (default: "Verdana"). */
    fontFamily?: string;
    /** Enabled (default: true). */
    enabled?: boolean;
    /** Position (optional). */
    position?: Position;
}
/**
 * A cycling switch button for debug HUD.
 *
 * Displays a list of key-value options with left/right arrow navigation.
 * Supports wrap-around, enabled/disabled states, and emits "option-changed" events.
 * Chainable API.
 */
export declare class DebugSwitchButton<K extends string | number = string> extends Phaser.GameObjects.Container {
    private _bg;
    private _label;
    private _leftArrow;
    private _rightArrow;
    private _leftZone;
    private _rightZone;
    private _options;
    private _currentIndex;
    private _optionsWrap;
    private _isEnabled;
    private _panelWidth;
    private _panelHeight;
    private _cornerRadius;
    private _bgColor;
    private _strokeColor;
    private _strokeThickness;
    private _textColor;
    private _arrowColor;
    private _arrowSize;
    private _arrowMargin;
    private _fontSize;
    private _fontFamily;
    constructor(scene: Phaser.Scene, options: CreateDebugSwitchButtonOptions<K>);
    nextOption(): this;
    previousOption(): this;
    setOptionIndex(index: number): this;
    setOptionByKey(key: K): this;
    getCurrentOption(): SwitchButtonOption<K> | null;
    getCurrentIndex(): number;
    getOptions(): SwitchOptions<K>;
    setOptions(options: SwitchOptions<K>): this;
    setEnabled(enabled: boolean): this;
    isEnabled(): boolean;
    setOptionsWrap(wrap: boolean): this;
    setBgColor(color: HexColor): this;
    setTextColor(color: HexColor): this;
    setArrowColor(color: HexColor): this;
    setSwitchSize(width: number, height: number): this;
    setFontSize(size: number): this;
    setFontFamily(family: string): this;
    setStyle(options: {
        size?: Size;
        bgColor?: HexColor;
        strokeColor?: HexColor;
        strokeThickness?: number;
        textColor?: HexColor;
        arrowColor?: HexColor;
        arrowSize?: number;
        arrowMargin?: number;
        fontSize?: number;
        fontFamily?: string;
    }): this;
    /** Listen for option changes. */
    onOptionChanged(handler: (option: SwitchButtonOption<K>, index: number, prevOption: SwitchButtonOption<K> | null, prevIndex: number) => void): this;
    private redraw;
    private redrawBg;
    private redrawArrows;
    private positionArrows;
    private updateDisplay;
    private updateArrowStates;
    private updateEnabledVisuals;
    private emitChanged;
}
export declare function createDebugSwitchButton<K extends string | number = string>(scene: Phaser.Scene, options: CreateDebugSwitchButtonOptions<K>): DebugSwitchButton<K>;
//# sourceMappingURL=DebugSwitchButton.d.ts.map