import { type default as useColor } from '@terrazzo/use-color';
import { type ReactElement } from 'react';
import './ColorChannelSlider.css';
/** size, in px, to pad inner track */
export declare const TRACK_PADDING = 4;
/** CSS class to add to body */
export declare const BODY_DRAGGING_CLASS = "tz-color-channel-slider-is-grabbing";
/** Amount Shift key affects drag rate */
export declare const SHIFT_FACTOR = 0.25;
export interface ColorChannelBGProps {
    channel: string;
    color: ReturnType<typeof useColor>[0];
    min: number;
    displayMin?: number;
    max: number;
    displayMax?: number;
}
export interface ColorChannelSliderProps {
    channel: string;
    className?: string;
    color: ReturnType<typeof useColor>[0];
    gamut?: 'rgb' | 'p3' | 'rec2020';
    setColor: ReturnType<typeof useColor>[1];
}
export default function ColorChannelSlider({ channel, className, color, setColor, }: ColorChannelSliderProps): ReactElement;
//# sourceMappingURL=ColorChannelSlider.d.ts.map