import * as react from 'react';
import { ForwardedRef, FormEvent, MouseEvent } from 'react';
import { ButtonVariant } from './useButton.js';
import '../../shared/src/size.js';
import '../../shared/src/useMergedRefs.js';
import '../../shared/src/types.js';
import '../../styling/src/styled-system/props-handler.js';
import 'csstype';
import '../../styling/src/useResponsiveValue.js';
import '../../styling/src/BreakpointProvider.js';
import 'react/jsx-runtime';
import '../../shared/src/type-fest.js';
import '../../styling/src/styled-system/StylingContext.js';

type ToggleButtonVariant = Exclude<ButtonVariant, "negative">;
interface UseToggleButtonProps {
    active?: boolean;
    checked?: boolean | null;
    defaultChecked?: boolean;
    forwardedRef?: ForwardedRef<any>;
    isCheckable: boolean;
    onChange?: (event: FormEvent<HTMLButtonElement>, isChecked: boolean) => void;
    onCheck?: (event: FormEvent<HTMLButtonElement>, value: string) => void;
    value?: string;
    variant?: ToggleButtonVariant;
}
declare function useToggleButton({ active, checked, defaultChecked, forwardedRef, isCheckable, onChange, onCheck, value, variant }: UseToggleButtonProps): {
    buttonProps: {
        [x: string]: string | boolean | ((instance: any) => void) | react.MutableRefObject<any>;
        active: boolean;
        onClick: (event: MouseEvent<HTMLButtonElement>) => void;
        ref: ForwardedRef<any>;
        value: string;
        variant: ButtonVariant;
    };
    isChecked: boolean;
};

export { type ToggleButtonVariant, type UseToggleButtonProps, useToggleButton };