/**
 * RangeSlider Component
 *
 * Visual slider for numeric range filtering
 * Alternative to RangeInput for a more interactive UX
 */
import React from 'react';
export interface RangeSliderTheme {
    root?: string;
    label?: string;
    slider?: string;
    track?: string;
    trackFilled?: string;
    thumb?: string;
    values?: string;
    value?: string;
}
export interface RangeSliderProps {
    /** Field name for the range filter */
    field: string;
    /** Label for the slider */
    label?: string;
    /** Minimum value */
    min: number;
    /** Maximum value */
    max: number;
    /** Step value (default: 1) */
    step?: number;
    /** Current minimum value */
    currentMin?: number;
    /** Current maximum value */
    currentMax?: number;
    /** Callback when range changes */
    onRangeChange?: (min: number, max: number) => void;
    /** Format value for display (default: (v) => v.toString()) */
    formatValue?: (value: number) => string;
    /** Custom className */
    className?: string;
    /** Custom styles */
    style?: React.CSSProperties;
    /** Custom theme */
    theme?: RangeSliderTheme;
    /** Show current values (default: true) */
    showValues?: boolean;
    /** Whether to sync with SearchStateManager (default: true) */
    syncWithState?: boolean;
    /** Debounce delay for updates (default: 300ms) */
    debounceMs?: number;
}
export declare const RangeSlider: React.FC<RangeSliderProps>;
//# sourceMappingURL=RangeSlider.d.ts.map