declare global {
    interface HTMLElementTagNameMap {
        'devtools-button': Button;
    }
}
export declare const enum Variant {
    PRIMARY = "primary",
    SECONDARY = "secondary",
    TOOLBAR = "toolbar",
    ROUND = "round"
}
export declare const enum Size {
    SMALL = "SMALL",
    MEDIUM = "MEDIUM",
    TINY = "TINY"
}
type ButtonType = 'button' | 'submit' | 'reset';
export type ButtonData = {
    variant: Variant.TOOLBAR | Variant.ROUND;
    iconUrl: string;
    size?: Size;
    disabled?: boolean;
    active?: boolean;
    spinner?: boolean;
    type?: ButtonType;
    value?: string;
    title?: string;
    iconWidth?: string;
    iconHeight?: string;
} | {
    variant: Variant.PRIMARY | Variant.SECONDARY;
    iconUrl?: string;
    size?: Size;
    disabled?: boolean;
    active?: boolean;
    spinner?: boolean;
    type?: ButtonType;
    value?: string;
    title?: string;
    iconWidth?: string;
    iconHeight?: string;
};
export declare class Button extends HTMLElement {
    #private;
    static formAssociated: boolean;
    static readonly litTagName: import("../../lit-html/static.js").Static;
    constructor();
    /**
     * Perfer using the .data= setter instead of setting the individual properties
     * for increased type-safety.
     */
    set data(data: ButtonData);
    set iconUrl(iconUrl: string | undefined);
    set variant(variant: Variant);
    set size(size: Size);
    set iconWidth(iconWidth: string);
    set iconHeight(iconHeight: string);
    set type(type: ButtonType);
    set title(title: string);
    set disabled(disabled: boolean);
    set active(active: boolean);
    set spinner(spinner: boolean);
    focus(): void;
    connectedCallback(): void;
    get value(): string;
    set value(value: string);
    get form(): HTMLFormElement | null;
    get name(): string | null;
    get type(): ButtonType;
    get validity(): ValidityState;
    get validationMessage(): string;
    get willValidate(): boolean;
    checkValidity(): boolean;
    reportValidity(): boolean;
}
export {};