import * as React from "react";
export type AvatarSize = "xs" | "sm" | "default" | "lg" | "xl";
export type AvatarShape = "circle" | "rounded" | "square";
export type AvatarProps = React.ComponentProps<"span"> & {
    src?: string;
    alt?: string;
    name?: string;
    fallback?: React.ReactNode;
    size?: AvatarSize;
    shape?: AvatarShape;
    status?: "online" | "offline" | "busy" | "away";
};
export type AvatarGroupItem = AvatarProps & {
    key: string;
};
export type AvatarGroupProps = React.ComponentProps<"div"> & {
    items: AvatarGroupItem[];
    max?: number;
    size?: AvatarSize;
    shape?: AvatarShape;
    stacked?: boolean;
    overflowLabel?: (count: number) => React.ReactNode;
};
declare function Avatar({ src, alt, name, fallback, size, shape, status, className, ...props }: AvatarProps): React.JSX.Element;
declare function AvatarGroup({ items, max, size, shape, stacked, overflowLabel, className, ...props }: AvatarGroupProps): React.JSX.Element;
export { Avatar, AvatarGroup };