import { VariantProps } from 'class-variance-authority';
import { Avatar as AvatarPrimitive } from 'radix-ui';
import { ComponentPropsWithoutRef, ReactElement, ReactNode } from 'react';
import { AVATAR_COLORS } from './utils';
declare const avatar: (props?: ({
    radius?: "small" | "full" | null | undefined;
    size?: 1 | 2 | 10 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 13 | 11 | 12 | null | undefined;
    variant?: "solid" | "soft" | null | undefined;
    disabled?: boolean | null | undefined;
    color?: "indigo" | "orange" | "mint" | "neutral" | "sky" | "lime" | "grass" | "cyan" | "iris" | "purple" | "pink" | "crimson" | "gold" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export declare const getAvatarProps: (element: ReactElement) => AvatarProps;
export interface AvatarProps extends ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>, VariantProps<typeof avatar> {
    size?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13;
    src?: string;
    alt?: string;
    fallback?: ReactNode;
    variant?: 'solid' | 'soft';
    color?: AVATAR_COLORS;
    asChild?: boolean;
    className?: string;
}
export declare const Avatar: import("react").ForwardRefExoticComponent<AvatarProps & import("react").RefAttributes<HTMLSpanElement>>;
export interface AvatarGroupProps extends ComponentPropsWithoutRef<'div'> {
    children: React.ReactElement<AvatarProps>[];
    max?: number;
}
export declare const AvatarGroup: import("react").ForwardRefExoticComponent<AvatarGroupProps & import("react").RefAttributes<HTMLDivElement>>;
export {};
//# sourceMappingURL=avatar.d.ts.map