import React, { AriaRole } from "react";
import { elementColorsNames } from "../../utils/colors-vars-map";
import { AvatarBorderColor, AvatarSize, AvatarType } from "./AvatarConstants";
import { AvatarBadgeProps } from "./AvatarBadge";
import { TooltipProps } from "../Tooltip/Tooltip";
import { SubIcon, L3ComponentProps } from "../../types";
import "./Avatar.scss";
declare type BackgroundColors = typeof elementColorsNames[keyof typeof elementColorsNames];
export interface AvatarProps extends L3ComponentProps {
    src?: string;
    text?: string;
    tooltipProps?: TooltipProps;
    ariaLabel?: string;
    withoutTooltip?: boolean;
    icon?: SubIcon;
    type?: AvatarType;
    textClassName?: string;
    backgroundColor?: BackgroundColors;
    customBackgroundColor?: string;
    role?: AriaRole;
    size?: AvatarSize;
    customSize?: number;
    tabIndex?: number;
    ariaHidden?: boolean;
    disabled?: boolean;
    isSquare?: boolean;
    isDisabled?: boolean;
    isRectangle?: boolean;
    square?: boolean;
    rectangle?: boolean;
    topLeftBadgeProps?: AvatarBadgeProps;
    topRightBadgeProps?: AvatarBadgeProps;
    bottomLeftBadgeProps?: AvatarBadgeProps;
    bottomRightBadgeProps?: AvatarBadgeProps;
    withoutBorder?: boolean;
    onClick?: (event: React.MouseEvent | React.KeyboardEvent, avatarId: string) => void;
    borderColor?: AvatarBorderColor;
}
declare const Avatar: React.FC<AvatarProps> & {
    types?: typeof AvatarType;
    sizes?: typeof AvatarSize;
    colors?: BackgroundColors;
    backgroundColors?: BackgroundColors;
};
export default Avatar;
