import { LitElement } from '../../../../../node_modules/lit';
import { PasskeyButtonContent, PasskeyButtonIconAlign, PasskeyButtonPart, PasskeyButtonSize, PasskeyButtonVariant, SbPasskeyButtonProps as Props } from './button.types';
/**
 * Button that triggers a passkey authentication flow.
 *
 * @part passkey-button - rtg-button: root
 * @part passkey-button-icon - svg/rtg-spinner: icon or loading indicator
 *
 * @event sb-passkey-button:click - Fired when the button is clicked, before the auth call.
 *  Detail: `{ id: string; event?: string }`
 * @event sb-passkey-button:success - Fired after the auth call resolves successfully.
 *  Detail: `{ id: string; event: string; result: ProcessEventResponse }`
 * @event sb-passkey-button:error - Fired when the auth call fails.
 *  Detail: `{ id: string; event: string; message: string }`
 */
export declare class SbPasskeyButton extends LitElement implements Props {
    static readonly ROOT = "passkey-button";
    static readonly ICON = "icon";
    static readonly TAG: string;
    static readonly CLICK_EVENT: string;
    static readonly SUCCESS_EVENT: string;
    static readonly ERROR_EVENT: string;
    static readonly PARTS: Record<PasskeyButtonPart, string>;
    /**
     * Substring used in generated part IDs.
     */
    seed: string;
    /**
     * Custom ID used as the root part ID and as the base of subpart IDs.
     */
    customId?: string;
    /**
     * Visual variant of the button component.
     */
    variant: PasskeyButtonVariant;
    /**
     * Size of the button component.
     */
    size: PasskeyButtonSize;
    /**
     * Controls what the button renders: icon only, label only, or both.
     */
    content: PasskeyButtonContent;
    /**
     * Side the icon appears on relative to the label.
     */
    iconAlign: PasskeyButtonIconAlign;
    /**
     * Text used as the label of the button component.
     */
    private _label;
    get label(): string;
    set label(value: string);
    /**
     * Event identifier forwarded to the authentication service on click.
     * When omitted, only the custom click event is dispatched.
     */
    event?: string;
    /**
     * Disables the button, preventing interaction.
     */
    disabled?: boolean;
    /**
     * Manual alternative to the private `_loading` state.
     */
    loading?: boolean;
    /**
     * Indicates whether the component is dispatching or emitting an event.
     */
    private _loading;
    protected createRenderRoot(): this;
    get rootId(): string;
    get iconId(): string;
    get isLoading(): boolean;
    get isDisabled(): boolean;
    connectedCallback(): void;
    disconnectedCallback(): void;
    private _handleClick;
    private _renderIcon;
    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
}