import { type ChangeEventHandler, type CSSProperties } from 'react';
import { type InputControlProps } from '../../shared/contracts';
import { type CssLength, type CssTime } from '../../../utils/css';
type RainbowBlendToggleStyle = CSSProperties & {
    '--rainbow-blend-toggle-alpha'?: number | string;
    '--rainbow-blend-toggle-border'?: string;
    '--rainbow-blend-toggle-duration'?: string;
    '--rainbow-blend-toggle-size'?: string;
    '--rainbow-blend-toggle-track'?: string;
};
type RainbowBlendToggleProps = Omit<InputControlProps, 'type' | 'role' | 'checked' | 'defaultChecked' | 'onChange' | 'style' | 'className' | 'size'> & {
    checked?: boolean;
    defaultChecked?: boolean;
    onCheckedChange?: (checked: boolean) => void;
    onChange?: ChangeEventHandler<HTMLInputElement>;
    className?: string;
    style?: RainbowBlendToggleStyle;
    alpha?: number;
    borderColor?: string;
    duration?: CssTime;
    size?: CssLength;
    trackColor?: string;
};
declare const RainbowBlendToggle: ({ checked: controlledChecked, defaultChecked, onCheckedChange, onChange, className, style, alpha, borderColor, duration, size, trackColor, disabled, ref, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ...inputProps }: RainbowBlendToggleProps) => import("react/jsx-runtime").JSX.Element;
export { RainbowBlendToggle };
export type { RainbowBlendToggleProps, RainbowBlendToggleStyle };