import { type CSSProperties, type Ref } from 'react';
import { type ButtonControlProps } from '../../shared/contracts';
import { type CssLength } from '../../../utils/css';
type ClapperboardToggleStyle = CSSProperties & {
    '--clapperboard-toggle-size'?: string;
    '--clapperboard-toggle-scale'?: string;
    '--clapperboard-toggle-board-color'?: string;
    '--clapperboard-toggle-active-light'?: string;
    '--clapperboard-toggle-inactive-light'?: string;
    '--clapperboard-toggle-hover'?: string;
};
type ClapperboardToggleProps = Omit<ButtonControlProps, 'aria-pressed' | 'children'> & {
    pressed?: boolean;
    defaultPressed?: boolean;
    onPressedChange?: (pressed: boolean) => void;
    size?: CssLength;
    scale?: number;
    boardColor?: string;
    activeLightColor?: string;
    inactiveLightColor?: string;
    hoverColor?: string;
    animated?: boolean;
    soundSrc?: string | null;
    soundType?: string;
    volume?: number;
    muted?: boolean;
    ariaLabel?: string;
    activeAriaLabel?: string;
    inactiveAriaLabel?: string;
    ref?: Ref<HTMLButtonElement>;
};
declare const ClapperboardToggle: ({ pressed: controlledPressed, defaultPressed, onPressedChange, size, scale, boardColor, activeLightColor, inactiveLightColor, hoverColor, animated, soundSrc, soundType, volume, muted, ariaLabel, activeAriaLabel, inactiveAriaLabel, className, style, type, disabled, onClick, ref, ...buttonProps }: ClapperboardToggleProps) => import("react/jsx-runtime").JSX.Element;
export { ClapperboardToggle };
export type { ClapperboardToggleProps, ClapperboardToggleStyle };