import * as React from 'react';
import { Avatar as BaseAvatar } from '@base-ui/react/avatar';
import { type VariantProps } from 'class-variance-authority';
declare const avatarVariants: (props?: ({
    size?: "sm" | "md" | "lg" | "2xs" | "xs" | "xl" | "2xl" | null | undefined;
    shape?: "circle" | "rounded" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
type AvatarPresetSize = NonNullable<VariantProps<typeof avatarVariants>['size']>;
type AvatarShape = NonNullable<VariantProps<typeof avatarVariants>['shape']>;
interface AvatarProps extends Omit<React.ComponentProps<typeof BaseAvatar.Root>, 'size'> {
    /**
     * Full circle or rounded square.
     * @default 'circle'
     */
    shape?: AvatarShape;
    /**
     * A preset scale, or a pixel number for an exact size.
     * @default 'md'
     */
    size?: AvatarPresetSize | number;
}
declare function Avatar({ className, style, size, shape, ...props }: AvatarProps): React.JSX.Element;
type AvatarImageProps = React.ComponentProps<typeof BaseAvatar.Image>;
declare function AvatarImage({ className, render, src, alt, ...props }: AvatarImageProps): React.JSX.Element;
type AvatarFallbackProps = React.ComponentProps<typeof BaseAvatar.Fallback>;
declare function AvatarFallback({ className, ...props }: AvatarFallbackProps): React.JSX.Element;
interface AvatarBadgeProps extends React.ComponentPropsWithoutRef<'span'> {
    /**
     * Add a pulsing ping behind the dot (skipped under reduced motion).
     * @default false
     */
    animate?: boolean;
}
declare function AvatarBadge({ animate, className, ...props }: AvatarBadgeProps): React.JSX.Element;
interface AvatarGroupProps extends React.ComponentPropsWithoutRef<'div'>, Pick<AvatarProps, 'size' | 'shape'> {
    /**
     * Stack the avatars in a row or a column.
     * @default 'horizontal'
     */
    orientation?: 'horizontal' | 'vertical';
}
declare function AvatarGroup({ className, size, shape, orientation, children, ...props }: AvatarGroupProps): React.JSX.Element;
export { Avatar, AvatarImage, AvatarFallback, AvatarBadge, AvatarGroup };
export type { AvatarProps, AvatarImageProps, AvatarFallbackProps, AvatarBadgeProps, AvatarGroupProps };
//# sourceMappingURL=avatar.d.ts.map