import type { CSSResultGroup } from 'lit';
import DSAIcon from '../../../components/icon/icon';
import { ShoelaceElement } from '../../shoelace-element';
export declare class FormToggleButton extends ShoelaceElement {
    static styles: CSSResultGroup;
    static dependencies: {
        'dsa-icon': typeof DSAIcon;
    };
    private readonly hasSlotController;
    button: HTMLInputElement;
    protected type: 'radio' | 'checkbox';
    /**
     * @internal The button's checked state. This is exposed as an "internal" attribute so we can reflect it, making
     * it easier to style in button groups.
     */
    checked: boolean;
    /** The input value. When selected, the parent group will receive this value. */
    value: string;
    /** Indicates whether a parent checkbox-group has the disabled attribute with the value true */
    parentDisabled: boolean;
    /** Disables the button. */
    disabled: boolean;
    /** The button's size. */
    size: 'small' | 'medium' | 'large';
    /** Indicates whether a parent checkbox-group has the readonly attribute with the value true */
    parentReadonly: boolean;
    /** Sets the button in readonly. */
    readonly: boolean;
    /** Indicates whether the button should be in error state */
    error: boolean;
    protected handleClick(): void;
    private handleBlur;
    private handleFocus;
    handleDeactivatedChange(): void;
    /** Sets focus on the radio button. */
    focus(options?: FocusOptions): void;
    /** Removes focus from the radio button. */
    blur(): void;
    render(): import("lit").TemplateResult;
}