import * as React from 'react';
import { ReactElement } from 'react';
import { Avatar as Avatar$1 } from '@base-ui/react/avatar';

/**
 * Avatar — shadcn/WealthX
 * Base: npx shadcn\@latest add avatar (latest)
 * Figma: Design-System---shadcn?node-id=72-2717
 *
 * WealthX:
 * - Removed overflow-hidden from Avatar root → moved to AvatarImage/AvatarFallback
 *   so AvatarBadge (absolute positioned) is not clipped by the parent.
 * - Added font-sans to AvatarFallback for consistent typography.
 */
type AvatarProps = React.ComponentProps<typeof Avatar$1.Root> & {
    size?: "default" | "sm" | "lg";
};
declare function Avatar({ className, size, ...props }: AvatarProps): ReactElement;
type AvatarImageProps = React.ComponentProps<typeof Avatar$1.Image>;
declare function AvatarImage({ className, ...props }: AvatarImageProps): ReactElement;
type AvatarFallbackProps = React.ComponentProps<typeof Avatar$1.Fallback>;
declare function AvatarFallback({ className, ...props }: AvatarFallbackProps): ReactElement;
type AvatarBadgeProps = React.ComponentProps<"span">;
declare function AvatarBadge({ className, ...props }: AvatarBadgeProps): ReactElement;
type AvatarGroupProps = React.ComponentProps<"div">;
declare function AvatarGroup({ className, ...props }: AvatarGroupProps): ReactElement;
type AvatarGroupCountProps = React.ComponentProps<"div">;
declare function AvatarGroupCount({ className, ...props }: AvatarGroupCountProps): ReactElement;

export { Avatar, AvatarBadge, type AvatarBadgeProps, AvatarFallback, type AvatarFallbackProps, AvatarGroup, AvatarGroupCount, type AvatarGroupCountProps, type AvatarGroupProps, AvatarImage, type AvatarImageProps, type AvatarProps };