/**
 * RangeInput Component
 *
 * Displays a range input for filtering numeric values (e.g., price range)
 * Integrates with SearchStateManager for automatic state sync
 */
import React from 'react';
export interface RangeInputTheme {
    container?: string;
    label?: string;
    inputGroup?: string;
    input?: string;
    separator?: string;
    button?: string;
}
export interface RangeInputProps {
    /** Field name for the range filter */
    field: string;
    /** Label for the range input */
    label?: string;
    /** Minimum value */
    min?: number;
    /** Maximum value */
    max?: number;
    /** Current minimum value (controlled mode) */
    currentMin?: number;
    /** Current maximum value (controlled mode) */
    currentMax?: number;
    /** Step value for inputs */
    step?: number;
    /** Callback when range changes */
    onRangeChange?: (min: number | undefined, max: number | undefined) => void;
    /** Custom render function */
    renderRangeInput?: (props: {
        min: number | undefined;
        max: number | undefined;
        onMinChange: (value: number | undefined) => void;
        onMaxChange: (value: number | undefined) => void;
        onApply: () => void;
    }) => React.ReactNode;
    /** Custom className */
    className?: string;
    /** Custom styles */
    style?: React.CSSProperties;
    /** Custom theme */
    theme?: RangeInputTheme;
    /** Show apply button */
    showApplyButton?: boolean;
    /** Placeholder text for inputs */
    placeholder?: {
        min?: string;
        max?: string;
    };
    /** Whether to sync with SearchStateManager (default: true) */
    syncWithState?: boolean;
}
export declare const RangeInput: React.FC<RangeInputProps>;
//# sourceMappingURL=RangeInput.d.ts.map