import * as React from 'react';
import { AvatarProps as MuiAvatarProps } from '@mui/material/Avatar';
import { IconId } from '../icon';
export declare const sizes: {
    readonly XS: {
        readonly side: 20;
        readonly fontSize: "12px";
        readonly iconSize: "XS";
    };
    readonly S: {
        readonly side: 24;
        readonly fontSize: "14px";
        readonly iconSize: "S";
    };
    readonly M: {
        readonly side: 32;
        readonly fontSize: "16px";
        readonly iconSize: "M";
    };
    readonly L: {
        readonly side: 40;
        readonly fontSize: "20px";
        readonly iconSize: "M";
    };
    readonly XL: {
        readonly side: 48;
        readonly fontSize: "24px";
        readonly iconSize: "M";
    };
    readonly XXL: {
        readonly side: 72;
        readonly fontSize: "48px";
        readonly iconSize: "XL";
    };
    readonly XXXL: {
        readonly side: 124;
        readonly fontSize: "62px";
        readonly iconSize: "XXL";
    };
};
export declare const avatarSizes: (keyof typeof sizes)[];
export type AvatarSize = (typeof avatarSizes)[number];
export declare const avatarVariants: readonly ["circular", "rounded", "squared"];
export type AvatarVariant = (typeof avatarVariants)[number];
export type AvatarProps = Pick<MuiAvatarProps, 'src' | 'sx'> & {
    /**
     * Size of the button.
     */
    size?: AvatarSize;
    /**
     * Avatar letters when src is undefined. Max length two characters.
     */
    avatarLetters?: string;
    /**
     * Id of icon to display inside the component. Not used if avatarLetters is set.
     */
    iconId?: IconId;
    /**
     * The style of this Avatar. It controls how round-corned it is.
     */
    variant?: AvatarVariant;
    /**
     * Classes of this avatar
     */
    className?: string;
};
/**
 * Usually, an Avatar component is used to represent an user or other entity that may be associated to:
 * - An image.
 * - An acronym or a couple of letters.
 * - An icon.
 */
declare const Avatar: React.ForwardRefExoticComponent<Pick<MuiAvatarProps, "sx" | "src"> & {
    /**
     * Size of the button.
     */
    size?: AvatarSize;
    /**
     * Avatar letters when src is undefined. Max length two characters.
     */
    avatarLetters?: string;
    /**
     * Id of icon to display inside the component. Not used if avatarLetters is set.
     */
    iconId?: IconId;
    /**
     * The style of this Avatar. It controls how round-corned it is.
     */
    variant?: AvatarVariant;
    /**
     * Classes of this avatar
     */
    className?: string;
} & React.RefAttributes<HTMLDivElement>>;
export default Avatar;
