import { type ChangeEventHandler, type CSSProperties } from 'react';
import { type InputControlProps } from '../../shared/contracts';
import { type CssLength, type CssTime } from '../../../utils/css';
type ClipbudToggleStyle = CSSProperties & {
    '--clipbud-toggle-accent'?: string;
    '--clipbud-toggle-duration'?: string;
    '--clipbud-toggle-height'?: string;
    '--clipbud-toggle-muted'?: string;
    '--clipbud-toggle-width'?: string;
};
type ClipbudToggleProps = Omit<InputControlProps, 'type' | 'role' | 'checked' | 'defaultChecked' | 'onChange' | 'style' | 'className' | 'children' | 'width' | 'height'> & {
    checked?: boolean;
    defaultChecked?: boolean;
    onCheckedChange?: (checked: boolean) => void;
    onChange?: ChangeEventHandler<HTMLInputElement>;
    className?: string;
    style?: ClipbudToggleStyle;
    checkedLabel?: string;
    uncheckedLabel?: string;
    accentColor?: string;
    mutedColor?: string;
    duration?: CssTime;
    width?: CssLength;
    height?: CssLength;
};
declare const ClipbudToggle: ({ checked: controlledChecked, defaultChecked, onCheckedChange, onChange, className, style, checkedLabel, uncheckedLabel, accentColor, mutedColor, duration, width, height, disabled, ref, "aria-label": ariaLabel, ...inputProps }: ClipbudToggleProps) => import("react/jsx-runtime").JSX.Element;
export { ClipbudToggle };
export type { ClipbudToggleProps, ClipbudToggleStyle };