import * as React from 'react';
import { type ColorControlSpace } from '../../internal/color-control';
import { type Color, type ColorChannel } from '../../lib/color';
type ColorSliderOrientation = 'horizontal' | 'vertical';
interface ColorSliderProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'color' | 'defaultValue' | 'onChange'> {
    /** Channel the track ramps through, and the one the slider changes. */
    channel: ColorChannel;
    /**
     * Selected color. Pass a `Color` or any CSS color string to control the component.
     * Inside a `ColorPicker` it can be left off: the control then reads and writes the
     * picker's color.
     */
    value?: Color | string;
    /**
     * Color selected before any interaction, when the component is uncontrolled.
     * @default '#ffffff'
     */
    defaultValue?: Color | string;
    /** Fires on every change, including each frame of a drag. */
    onValueChange?: (value: Color) => void;
    /** Fires once a drag ends or a key press settles, with the color that was landed on. */
    onValueCommitted?: (value: Color) => void;
    /**
     * Color space the channel is read from. Defaults to the space of the value when it
     * carries `channel`, so a slider shares a color with an area without converting it.
     */
    colorSpace?: ColorControlSpace;
    /**
     * Axis the track runs along. A vertical track fills from the bottom.
     * @default 'horizontal'
     */
    orientation?: ColorSliderOrientation;
    /**
     * Prevent interaction and dim the track.
     * @default false
     */
    disabled?: boolean;
    /** Name of the hidden input, used when submitting an HTML form. */
    name?: string;
    /** `id` of the `<form>` the hidden input belongs to, when it sits outside it. */
    form?: string;
    /** Props for the thumb element, for styling or a test id. */
    thumbProps?: React.ComponentPropsWithoutRef<'span'>;
}
declare function ColorSlider({ channel, value, defaultValue, onValueChange, onValueCommitted, colorSpace, orientation, disabled: disabledProp, name, form, thumbProps, className, children, 'aria-label': ariaLabel, ...props }: ColorSliderProps): React.JSX.Element;
export { ColorSlider };
export type { ColorSliderProps };
//# sourceMappingURL=color-slider.d.ts.map