import React from 'react';
import { FlintRangeSlider as FlintRangeSliderElement } from '@getufy/flint-ui/flint-range-slider/flint-range-slider';
/**
 * A range slider that lets users select a start and end value within a range.
 */
export interface FlintRangeSliderProps extends React.HTMLAttributes<FlintRangeSliderElement> {
    /** Current [start, end] values. */
    value?: [number, number];
    /** Minimum bound (default: 0). */
    min?: number;
    /** Maximum bound (default: 100). */
    max?: number;
    /** Step increment (default: 1). */
    step?: number;
    /**
     * Visual size of track and thumbs (default: 'md').
     * Allowed values: 'sm' | 'md' | 'lg'
     */
    size?: 'sm' | 'md' | 'lg';
    /** Disables both thumbs. */
    disabled?: boolean;
    /** Label text shown above the track. */
    label?: string;
    /** Show the current [start, end] values. */
    showValue?: boolean;
    /**
     * When either thumb moves. detail: { value: [number, number] }
     * DOM event: `flint-range-slider-change`
     */
    onFlintRangeSliderChange?: (event: CustomEvent) => void;
}
export declare const FlintRangeSlider: React.ForwardRefExoticComponent<FlintRangeSliderProps & React.RefAttributes<FlintRangeSliderElement>>;