import React, { CSSProperties } from 'react';
/** @public */
export type AvatarClassKey = 'avatar';
/**
 * Properties for {@link Avatar}.
 *
 * @public
 */
export interface AvatarProps {
    /**
     * A display name, which will be used to generate initials as a fallback in case a picture is not provided.
     */
    displayName?: string;
    /**
     * URL to avatar image source
     */
    picture?: string;
    /**
     * Custom styles applied to avatar
     * @deprecated - use the classes property instead
     */
    customStyles?: CSSProperties;
    /**
     * Custom styles applied to avatar
     */
    classes?: {
        [key in 'avatar' | 'avatarText']?: string;
    };
}
/**
 *  Component rendering an Avatar
 *
 * @public
 * @remarks
 *
 * Based on https://v4.mui.com/components/avatars/#avatar with some styling adjustment and two-letter initials
 */
export declare function Avatar(props: AvatarProps): React.JSX.Element;