import { ReactElement, ComponentProps } from 'react';
import { ColorPropsValue, DivProps, Size } from '../../types';
import { AvatarGroup } from './avatarGroup';
export interface AvatarProps extends DivProps {
    color?: ColorPropsValue;
    size?: Size | number | string;
    shape?: 'circular' | 'square';
    src?: string;
    imgProps?: ComponentProps<'img'>;
}
export declare function useAvatarStyle(props: Pick<AvatarProps, 'color' | 'size'>): {
    color: string;
    size: string | number;
};
export declare const Avatar: {
    (props: AvatarProps): ReactElement;
    Group: typeof AvatarGroup;
};