import { ComponentInterface } from '../../stencil-public-runtime';
/**
 * @name Avatar
 * @category Display
 * @summary Use for displaying photos, initials, or icons for people, businesses, or accounts.
 *
 * @slot decorator - An optional affordance indicator to display in the top-right corner
 */
export declare class Q2Avatar implements ComponentInterface {
    private decoratorObserver;
    el: HTMLElement;
    badSrc: boolean;
    hasDecorator: boolean;
    isLoaded: boolean;
    /** A [q2-icon](https://tecton.q2developer.com/design-system/q2-icon/) to display as the fallback. */
    icon: string;
    /** A set of up to four initials to display as capitalized text. Takes priority over `name`. */
    initials: string;
    /**
     * The name associated with the avatar.
     * The initials of the first and last words provided will display as capital letters.
     *
     * @info
     * We recommend always providing a name when you want the avatar to be presented to screen readers.
     */
    name: string;
    /**  Determines how large to make the avatar */
    size: 'small' | 'medium' | 'large';
    /**  Displays the image provided by the user. */
    src: string;
    disconnectedCallback(): void;
    componentWillLoad(): void;
    componentDidLoad(): void;
    srcDidUpdate(): void;
    get computedInitials(): string;
    checkDecorator(): void;
    onError: () => void;
    onLoad: () => void;
    private setupDecoratorObserver;
    render(): any;
}