import { BadgeProps, BadgeAssetsProps } from '../badge';
import { HTMLAttributes } from 'react';
import { ProfileTypeBusiness, ProfileTypePersonal } from '../common';
export type AvatarViewBadgeProps = Omit<BadgeAssetsProps, 'size'> & Pick<BadgeProps, 'aria-label'> & {
    /**
     * Custom badge content
     */
    asset?: React.ReactNode;
};
export type Props = {
    imgSrc?: string | null;
    /**
     * Entity name (person (profile or recipient) or business name), it will be boilded down to 1 or 2 chars (initials)
     */
    profileName?: string | null;
    profileType?: ProfileTypeBusiness | ProfileTypePersonal;
    size?: 16 | 24 | 32 | 40 | 48 | 56 | 72;
    notification?: boolean;
    badge?: AvatarViewBadgeProps;
    interactive?: boolean;
    selected?: boolean;
    style?: Pick<React.CSSProperties, 'border' | 'backgroundColor' | 'color'>;
} & Pick<HTMLAttributes<HTMLDivElement>, 'className' | 'children' | 'role' | 'aria-label' | 'aria-labelledby' | 'aria-hidden'>;
declare function AvatarView({ children, size, selected, notification, badge, interactive, className, style, imgSrc, profileType, profileName, ...restProps }: Props): import("react").JSX.Element;
export default AvatarView;
//# sourceMappingURL=AvatarView.d.ts.map