import { Avatar as AvatarPrimitive } from '@base-ui/react/avatar';
import { VariantProps } from 'class-variance-authority';
import { ComponentProps, ReactElement, ReactNode } from 'react';
import { AVATAR_COLORS } from './utils';
declare const avatar: (props?: ({
    radius?: "small" | "full" | null | undefined;
    size?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 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>) => AvatarProps;
export interface AvatarProps extends AvatarPrimitive.Root.Props, 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;
    className?: string;
}
export declare const Avatar: {
    ({ className, alt, src, fallback, size, radius, variant, color, ...props }: AvatarProps): import("react/jsx-runtime").JSX.Element;
    displayName: string;
};
export interface AvatarGroupProps extends ComponentProps<'div'> {
    children: React.ReactElement<AvatarProps>[];
    max?: number;
}
export declare const AvatarGroup: {
    ({ children, max, className, ...props }: AvatarGroupProps): import("react/jsx-runtime").JSX.Element;
    displayName: string;
};
export {};
//# sourceMappingURL=avatar.d.ts.map