import { AfterContentInit, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
import { ControlValueAccessor } from '@angular/forms';
import { BooleanInput } from '@angular/cdk/coercion';
import { ButtonIconDirective } from './button-icon.directive';
import { IconComponent, IconSizeProvider } from '../../icon/public_api';
import * as i0 from "@angular/core";
import * as i1 from "../../common/sapphire-view-encapsulation";
/**
 * A button with a toggleable `isSelected` state. By default, the selection is
 * toggled when the button is pressed, allowing user to switch between two
 * states or modes.
 */
export declare class ToggleButtonComponent implements AfterContentInit, OnChanges, ControlValueAccessor, IconSizeProvider {
    size?: 'sm' | 'md' | 'lg';
    selected: BooleanInput;
    /**
     * Whether selected is controlled. If it's controlled via input binding,
     * then we just output selectChanges, without updating this._selected.
     */
    private isSelectedControlled;
    selectedChange: EventEmitter<boolean>;
    disabled: BooleanInput;
    iconAlign: 'left' | 'right';
    buttonIcon?: ButtonIconDirective;
    icon?: IconComponent;
    private onTouched;
    private controlValueAccessorChangeFn;
    constructor();
    writeValue(value: any): void;
    registerOnChange(fn: any): void;
    registerOnTouched(fn: any): void;
    setDisabledState?(isDisabled: boolean): void;
    ngOnChanges(changes: SimpleChanges): void;
    ngAfterContentInit(): void;
    _onBlur(): void;
    private handleClick;
    static ɵfac: i0.ɵɵFactoryDeclaration<ToggleButtonComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<ToggleButtonComponent, "button[sp-toggle-button]", never, { "size": "size"; "selected": "selected"; "disabled": "disabled"; "iconAlign": "iconAlign"; }, { "selectedChange": "selectedChange"; }, ["buttonIcon", "icon"], ["*", "[spButtonIcon]"], false, [{ directive: typeof i1.UseComponentStylesOnHost; inputs: {}; outputs: {}; }]>;
}