export interface ControlSliderProps extends Omit<React.ComponentPropsWithoutRef<"div">, "onChange"> {
    /** the orientation of the slider @default true */
    vertical?: boolean;
    /** hide the handle on the slider @default false */
    showHandle?: boolean;
    /** the value of the slider, this should equal to or between the min/max values */
    value: number;
    /** the mode of the slider @default start */
    mode?: "start" | "end" | "cursor";
    /** the minimum value of the slider @default 0 */
    min?: number;
    /** the max value of the slider @default 100 */
    max?: number;
    /** the thickness of the slider @default 40 */
    thickness?: number;
    /** the border radius of the slider @default 10 */
    borderRadius?: number;
    /** the step increment of the slider @default 1 */
    step?: number;
    /** should the slider be disabled @default false*/
    disabled?: boolean;
    /** the colour to theme the slider, this should be in rgb format or a css color value [number, number, number] @default [70, 70, 70] */
    sliderColor?: [number, number, number] | string;
    /** called when the slider is being dragged around @default undefined */
    onChange?: (value: number) => void;
    /** called when the user has finished interacting with the slider @default undefined */
    onChangeApplied?: (value: number) => void;
}
/** A interactive slider to control values ranging between two other values, eg brightness on a light, or curtain position etc.. */
export declare function ControlSlider(props: ControlSliderProps): import("@emotion/react/jsx-runtime").JSX.Element;
//# sourceMappingURL=index.d.ts.map