import React from 'react';
import { type UserData } from '../../util/utility-types';
import type { Size } from '../../util/variant-types';
import { type IconName } from '../Icon';
type AvatarProps = {
    /**
     * Label for the given avatar. Defaults to a string using user data.
     */
    ariaLabel?: string;
    /**
     * CSS class names that can be appended to the component.
     */
    className?: string;
    /**
     * The URL to an image resource (loaded lazily)
     */
    src?: string;
    /**
     * The user associated with this avatar
     *
     * `UserData` takes the format (`[]` key-values are optional):
     *
     * ```
     * - fullName (string)
     * - [id] (string | number)
     * - [displayName] (string)
     * - [key:string] (string | number | boolean)
     * ```
     */
    user?: UserData;
    /**
     * Set the behavior of the avatar, based on the specified user data.
     *
     * - `default` selects a color from a set, using the user data as a "key"
     * - `fixed` selects a static color that does not change based on the user data
     *
     * **Default is `"default"`**.
     */
    color?: 'default' | 'fixed';
    /**
     * Icon to use when an "icon" variant of the avatar. Default is "person"
     */
    icon?: IconName;
    /**
     * Marking whether the Avatar is intended to be interactive (have focus/hover states)
     */
    isInteractive?: boolean;
    /**
     * The size of the avatar
     */
    size?: Extract<Size, 'sm' | 'md' | 'lg' | 'xl'>;
    /**
     * Variants of how the avatar will be portrayed
     */
    variant?: 'icon' | 'text' | 'image';
};
export declare function getInitials(fromName: string): string;
/**
 * `import {Avatar} from "@chanzuckerberg/eds";`
 *
 * Representation of a single, unique user, keyed by the user name
 */
export declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLDivElement>>;
export {};