import { ComponentProps } from 'react';
export interface RangeSliderProps extends Omit<ComponentProps<'input'>, 'value' | 'size' | 'onChange'> {
    min?: number;
    max?: number;
    step?: number;
    variant?: 'single' | 'dual';
    size?: 'sm' | 'md';
    value?: {
        min: number;
        max: number;
    };
    onChange?: (value: {
        min: number;
        max: number;
    }) => void;
}
/**
 * 단일 또는 이중 슬라이더를 제공하는 범위 선택 컴포넌트입니다.
 *
 * @component
 *
 * @param {Object} props
 * @param {('single'|'dual')} [props.variant='single'] - 슬라이더 유형 (단일 또는 이중)
 * @param {('sm'|'md')} [props.size='sm'] - 슬라이더 크기
 * @param {number} [props.step=10] - 슬라이더 단계 값
 * @param {{min: number, max: number}} [props.value={min: 0, max: 0}] - 슬라이더의 현재 값 (0~100 사이)
 * @param {number} [props.min=0] - 최소값
 * @param {number} [props.max=100] - 최대값
 * @param {(value: {min: number, max: number}) => void} [props.onChange] - 값 변경 시 호출되는 콜백 함수
 * @param {string} [props.className] - 추가 CSS 클래스
 *
 * @example
 * // 단일 슬라이더
 * <RangeSlider
 *   variant="single"
 *   min={0}
 *   max={100}
 *   step={10}
 *   value={{ min: 0, max: 50 }}
 *   onChange={(value) => console.log(value)}
 * />
 *
 * // 이중 슬라이더
 * <RangeSlider
 *   variant="dual"
 *   min={0}
 *   max={100}
 *   step={10}
 *   value={{ min: 30, max: 70 }}
 *   onChange={(value) => console.log(value)}
 * />
 */
declare const RangeSlider: ({ variant, size, step, value, min, max, onChange, className, disabled, ...rest }: RangeSliderProps) => import("react/jsx-runtime").JSX.Element;
export { RangeSlider };