import { SemanticSizes } from '../../utils/constants';
/**
 * @slot icon - if you want to add an icon to the avatar, use this slot with an svg or nv-icon
 */
export declare class NvAvatar {
    /****************************************************************************/
    /**
     * Set size to ExtraSmall to the avatar.
     * @deprecated use size instead.
     */
    readonly xsmall: boolean;
    /**
     * Set size to Small to the avatar.
     * @deprecated use size instead.
     */
    readonly small: boolean;
    /**
     * Set size to Medium to the avatar.
     * @deprecated use size instead.
     */
    readonly medium: boolean;
    /**
     * Set size to Large to the avatar.
     * @deprecated use size instead.
     */
    readonly large: boolean;
    /**
     * Set size to ExtraLarge to the avatar.
     * @deprecated use size instead.
     */
    readonly xlarge: boolean;
    /**
     * Set initials to the avatar.
     * @deprecated use initials instead.
     */
    readonly text: string;
    /**
     * Set src to the avatar.
     * @deprecated use src instead.
     */
    readonly url: string;
    componentWillRender(): void;
    /****************************************************************************/
    /**
     * If and image is provided, add an alt tag to describe it.
     */
    readonly alt: string;
    /**
     * Will insert an image into the avatar.
     */
    src: string;
    /**
     * Initials of the avatar. Usually use two letters
     * When filled with the src parameter, the text will not be rendered.
     */
    initials: string;
    /**
     * Define the size of the avatar. You can use t-shirt sizes.
     */
    size: `${SemanticSizes}`;
    /**
     * The Avatar's colour. Named values match Figma's `👾 Avatar` component
     * one-for-one, in the order the component defines them:
     *
     * | Figma variant | `color` value | legacy numeric value |
     * |---|---|---|
     * | Amber      | `amber`      | `1`  |
     * | Orange     | `orange`     | `2`  |
     * | Yellow     | `yellow`     | `3`  |
     * | Red        | `red`        | `4`  |
     * | Turquoise  | `turquoise`  | `5`  |
     * | Crimson    | `crimson`    | `6`  |
     * | Green      | `green`      | `7`  |
     * | Petrol     | `petrol`     | `8`  |
     * | Lime       | `lime`       | `9`  |
     * | Gray       | `gray`       | `10` |
     *
     * The numeric strings ("1" through "10") still work, and remain the
     * reflected default, but a designer has no documented way to reach them
     * from Figma's named variants — prefer the named values above in new code.
     *
     * Typed as a plain string rather than a literal union on purpose: Stencil
     * turns a literal union into a real enum in the Blazor output, and existing
     * Blazor markup already writes `Color="1"` through `Color="10"` — a bare
     * numeral Blazor can bind to a string but not to an enum member.
     */
    readonly color: string;
    /****************************************************************************/
    /**
     * Makes sure the initials are trimmed to 2 letters.
     * @param {string} initials - The initials to be trimmed.
     * @returns {string} The trimmed initials.
     */
    private trimInitials;
    /****************************************************************************/
    render(): any;
}