import { type ChangeEventHandler, type CSSProperties } from 'react';
import { type InputControlProps } from '../../shared/contracts';
import { type CssLength, type CssTime } from '../../../utils/css';
type SignalToggleStyle = CSSProperties & {
    '--signal-toggle-bg'?: string;
    '--signal-toggle-duration'?: string;
    '--signal-toggle-gap'?: string;
    '--signal-toggle-off'?: string;
    '--signal-toggle-on'?: string;
    '--signal-toggle-width'?: string;
};
type SignalToggleProps = Omit<InputControlProps, 'type' | 'role' | 'checked' | 'defaultChecked' | 'onChange' | 'style' | 'className' | 'children' | 'width'> & {
    checked?: boolean;
    defaultChecked?: boolean;
    onCheckedChange?: (checked: boolean) => void;
    onChange?: ChangeEventHandler<HTMLInputElement>;
    className?: string;
    style?: SignalToggleStyle;
    backgroundColor?: string;
    duration?: CssTime;
    gap?: CssLength;
    offColor?: string;
    onColor?: string;
    width?: CssLength;
};
declare const SignalToggle: ({ checked: controlledChecked, defaultChecked, onCheckedChange, onChange, onClick, onKeyDown, onPointerDown, className, style, backgroundColor, duration, gap, offColor, onColor, width, disabled, ref, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ...inputProps }: SignalToggleProps) => import("react/jsx-runtime").JSX.Element;
export { SignalToggle };
export type { SignalToggleProps, SignalToggleStyle };