import React from 'react';
import { FlintToggleButton as FlintToggleButtonElement } from '@getufy/flint-ui/button/flint-toggle-button';
export interface FlintToggleButtonChangeDetail {
    value: string;
    selected: boolean;
}
/**
 * Toggle Button: a button that can be toggled on/off.
 */
export interface FlintToggleButtonProps extends React.HTMLAttributes<FlintToggleButtonElement> {
    /** Whether the button is currently selected (pressed). */
    selected?: boolean;
    /** Whether the button is disabled. */
    disabled?: boolean;
    /** Value associated with this toggle button. */
    value?: string;
    /**
     * Size variant of the toggle button.
     * Allowed values: 'sm' | 'md' | 'lg'
     */
    size?: 'sm' | 'md' | 'lg';
    /**
     * Fired when the button's selected state changes. detail: `{ value: string, selected: boolean }`
     * DOM event: `flint-toggle-button-change`
     */
    onFlintToggleButtonChange?: (event: CustomEvent<FlintToggleButtonChangeDetail>) => void;
}
export declare const FlintToggleButton: React.ForwardRefExoticComponent<FlintToggleButtonProps & React.RefAttributes<FlintToggleButtonElement>>;