import { default as React } from 'react';
interface AvatarProps {
    src?: string;
    alt?: string;
    size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
    variant?: "circular" | "rounded" | "square";
    isOnline?: boolean;
    isOffline?: boolean;
    className?: string;
    style?: React.CSSProperties;
    statusClassName?: string;
    statusStyle?: React.CSSProperties;
    statusPosition?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
    fallback?: string;
    ring?: boolean;
    ringColor?: string;
    onClick?: () => void;
}
interface AvatarGroupProps {
    avatars: AvatarProps[];
    max?: number;
    size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
    className?: string;
    style?: React.CSSProperties;
    spacing?: "tight" | "normal" | "loose";
    direction?: "left" | "right";
}
export declare const Avatar: React.FC<AvatarProps>;
export declare const AvatarGroup: React.FC<AvatarGroupProps>;
export {};