/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
import { BaseComponent, IBaseComponent } from '../core/base/base-component';
export interface IAvatarComponent extends IBaseComponent {
    imageUrl: string;
    text: string;
    letterCount: number;
}
declare global {
    interface HTMLElementTagNameMap {
        'forge-avatar': IAvatarComponent;
    }
}
/**
 * @tag forge-avatar
 *
 * @summary Avatars represent an entity via text or image.
 *
 * @description
 * The avatar component allows you to provide text or images to display that represent an entity. By default, the
 * avatar will display textual content as single characters (character count is configurable), or display an image or
 * icon based on the URL provided to it.
 *
 * @cssproperty {string} --forge-avatar-background - The background color of the avatar.
 * @cssproperty {number} --forge-avatar-shape - The border radius of the avatar, defaults to 50%.
 * @cssproperty {color} --forge-avatar-color - The text color of the avatar.
 * @cssproperty {number} --forge-avatar-size - The height and width of the avatar.
 * @cssproperty {number} --forge-avatar-transition-duration - The transition duration for animations.
 * @cssproperty {string} --forge-avatar-transition-timing - The transition timing function for animations.
 *
 * @csspart root - The root container element.
 *
 * @slot - The default/unnamed slot for avatar content if not provided via text/imageUrl.
 */
export declare class AvatarComponent extends BaseComponent implements IAvatarComponent {
    static get observedAttributes(): string[];
    private _foundation;
    constructor();
    connectedCallback(): void;
    disconnectedCallback(): void;
    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
    /**
     * The text to display in the avatar.
     * @attribute
     */
    text: string;
    /**
     * Controls the number of letters to display from the text. By default the text is split on spaces and the first character of each word is used.
     * @attribute {string} letter-count
     */
    letterCount: number;
    /**
     * The background image URL to use.
     * @attribute image-url
     */
    imageUrl: string;
}
