import { HTMLAttributes, ImgHTMLAttributes } from 'vue';
export type UiAvatarSize = 5 | 6 | 8 | 10 | 12 | '5' | '6' | '8' | '10' | '12';
/**
 * A circular image for representing users or entities. Use for
 * profile pictures, user lists, or any person/entity representation.
 * @category Data Display
 * @useCases profile picture, user avatar, contact image, team member
 * @keywords avatar, image, profile, picture, user, photo, initials
 * @related UiBadge
 */
export type UiAvatarProps = {
    /** Avatar width and height token. Maps to `size-{value}` utilities. */
    size?: UiAvatarSize;
    /** Additional classes for the avatar root. */
    class?: HTMLAttributes['class'];
};
export type UiAvatarImageProps = {
    /** The source URL of the avatar image. */
    src: string;
    /** Alternative text for the avatar image. */
    alt: string;
    /** The referrer policy for the image request. */
    referrerPolicy?: ImgHTMLAttributes['referrerpolicy'];
    /** The CORS setting for the image request. */
    crossOrigin?: ImgHTMLAttributes['crossorigin'];
};
export type UiAvatarGroupProps = {
    /** Additional classes for the avatar group container. */
    class?: HTMLAttributes['class'];
};
