import React from "react";
export declare const AVATAR_SIZES: readonly ["xxs", "xs", "sm", "md", "lg", "xl", "2xl", "auto"];
export type AvatarSizeType = (typeof AVATAR_SIZES)[number];
export declare const AVATAR_VARIANTS: readonly ["default", "clickable", "disabled"];
export type AvatarVariantType = (typeof AVATAR_VARIANTS)[number];
interface AvatarProps {
    size?: AvatarSizeType;
    name?: string;
    emoji?: string;
    visual?: string | React.ReactNode;
    onClick?: () => void;
    clickable?: boolean;
    busy?: boolean;
    isRounded?: boolean;
    backgroundColor?: string;
    hexBgColor?: string;
    className?: string;
    disabled?: boolean;
    icon?: React.ComponentType<{
        className?: string;
    }>;
    iconColor?: string;
}
export declare function Avatar({ size, name, emoji, visual, onClick, clickable, busy, isRounded, backgroundColor, hexBgColor, disabled, className, icon, iconColor }: AvatarProps): React.JSX.Element;
declare const AVATAR_STACK_SIZES: readonly ["xs", "sm", "md"];
type AvatarStackSizeType = (typeof AVATAR_STACK_SIZES)[number];
interface AvatarStackProps {
    avatars: AvatarProps[];
    nbVisibleItems?: number;
    size?: AvatarStackSizeType;
    hasMagnifier?: boolean;
    tooltipTriggerAsChild?: boolean;
    orientation?: "horizontal" | "vertical";
    onTop?: "first" | "last";
}
export declare namespace Avatar {
    var Stack: ({ avatars, nbVisibleItems, size, hasMagnifier, tooltipTriggerAsChild, orientation, onTop, }: AvatarStackProps) => React.JSX.Element;
}
//# sourceMappingURL=Avatar.d.ts.map