import { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
import { SbbElement } from '../../core/base-elements.ts';
declare const SbbToggleOptionElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbDisabledMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../icon.ts').SbbIconNameMixinType> & typeof SbbElement;
/**
 * It displays a toggle option within a `sbb-toggle`.
 *
 * @slot - Use the unnamed slot to add content to the label of the toggle option.
 * @slot icon - Slot used to render the `sbb-icon`.
 * @event {InputEvent} input - The input event fires when the value has been changed as a direct result of a user action.
 * @overrideType value - (T = string) | null
 */
export declare class SbbToggleOptionElement<T = string> extends SbbToggleOptionElement_base {
    static readonly elementName: string;
    static readonly role = "radio";
    static styles: CSSResultGroup;
    /** Whether the toggle-option is checked. */
    accessor checked: boolean;
    /** Value of toggle-option. */
    accessor value: T | null;
    private _toggle;
    constructor();
    connectedCallback(): void;
    disconnectedCallback(): void;
    protected firstUpdated(changedProperties: PropertyValues<this>): void;
    protected willUpdate(changedProperties: PropertyValues<this>): void;
    private _uncheckOtherOptions;
    private _handleDisabledChange;
    private _handleInput;
    private _verifyTabindex;
    protected render(): TemplateResult;
}
declare global {
    interface HTMLElementTagNameMap {
        'sbb-toggle-option': SbbToggleOptionElement;
    }
}
export {};
//# sourceMappingURL=toggle-option.component.d.ts.map