import { type ChangeEventHandler, type CSSProperties } from 'react';
import { type InputControlProps } from '../../shared/contracts';
type ElasticToggleStyle = CSSProperties & {
    '--elastic-toggle-size'?: string;
    '--elastic-toggle-on'?: string;
    '--elastic-toggle-off'?: string;
    '--elastic-toggle-duration'?: string;
};
type ElasticToggleProps = Omit<InputControlProps, 'type' | 'role' | 'checked' | 'defaultChecked' | 'onChange' | 'style' | 'className'> & {
    checked?: boolean;
    defaultChecked?: boolean;
    onCheckedChange?: (checked: boolean) => void;
    onChange?: ChangeEventHandler<HTMLInputElement>;
    className?: string;
    style?: ElasticToggleStyle;
    onColor?: string;
    offColor?: string;
    duration?: string;
};
declare const ElasticToggle: ({ checked: controlledChecked, defaultChecked, onCheckedChange, onChange, className, style, onColor, offColor, duration, disabled, ref, "aria-label": ariaLabel, ...inputProps }: ElasticToggleProps) => import("react/jsx-runtime").JSX.Element;
export { ElasticToggle };
export type { ElasticToggleProps, ElasticToggleStyle };