import React from 'react';
import { type AriaSliderProps, type AriaSliderThumbProps } from 'react-aria';
import type { TestIdProp } from '../../types';
export interface SliderProps extends AriaSliderProps, Pick<AriaSliderThumbProps, 'name'>, TestIdProp {
    /**
     * Label for the slider. Can be a string or custom child element.
     */
    label?: React.ReactNode;
    /**
     * Unit text to display with the value (e.g., 'kms', 'miles', '%')
     */
    unitText?: string;
    /**
     * Step value for slider increments
     * @default 5
     */
    step?: number;
    /**
     * Formatting options for the value displayed in the slider
     */
    formatOptions?: Intl.NumberFormatOptions;
}
/**
 * A slider component that allows users to select a value from a range,
 * supports configurable step values and value unit post-fix. Use the `onChange` handler
 * in most instances for retrieving the current value.
 *
 * Supports flexible label approach:
 * - Pre-styled label `label="Distance"`
 * - Custom label content: `label={<label className={customlabelStyles}>Distance</label>}`
 *
 * @example
 * <Slider
 *   label="Distance"
 *   value={distance}
 *   onChange={handleOnChange}
 *   minValue={0}
 *   maxValue={100}
 *   step={5}
 *   unitText="kms"
 * />;
 */
export declare const Slider: {
    ({ formatOptions, label, step, testId, unitText, ...props }: SliderProps): React.JSX.Element;
    displayName: string;
};
//# sourceMappingURL=Slider.d.ts.map