import { HTMLAttributes } from "react";
import "./styles.css";
type SliderProps = Omit<HTMLAttributes<HTMLDivElement>, "onChange"> & {
    value: number;
    onChange: (value: number) => void;
    disabled?: boolean;
    onDragging?: (value: boolean) => void;
};
/**
 * Slider component - interactive range input for selecting numeric values
 *
 * @param props - Slider component properties
 * @param props.value - Current slider value (0-100)
 * @param props.onChange - Callback function called when value changes
 * @param props.disabled - Disables slider interaction. Default: false
 * @param props.onDragging - Callback function called when dragging state changes
 *
 * **...Other valid HTML properties for div element**
 *
 * @returns Slider JSX element
 *
 * @example
 * ```tsx
 * // Basic slider
 * const [value, setValue] = useState(50);
 * <Slider value={value} onChange={setValue} />
 *
 * // Disabled slider
 * <Slider value={75} onChange={() => {}} disabled />
 *
 * // Slider with dragging callback
 * const [isDragging, setIsDragging] = useState(false);
 * <Slider
 *   value={value}
 *   onChange={setValue}
 *   onDragging={setIsDragging}
 * />
 *
 * // Complete example with useSlider hook
 * function SliderExample() {
 *   const [sliderValue, setSliderValue] = useSlider(25);
 *   const [isDragging, setIsDragging] = useState(false);
 *
 *   return (
 *     <Slider
 *       value={sliderValue}
 *       onChange={setSliderValue}
 *       onDragging={setIsDragging}
 *       className="custom-slider"
 *     />
 *   );
 * }
 * ```
 */
declare function Slider(props: SliderProps): import("react/jsx-runtime").JSX.Element;
export { Slider };
//# sourceMappingURL=index.d.ts.map