import { ReactNode } from 'react';
export type AvatarSize = 'small' | 'medium' | 'large' | 'xlarge';
export type AvatarOutline = 'none' | 'dashed';
export type AvatarActionType = 'button' | 'anchor';
export interface AvatarProps {
    /** Size of the avatar. */
    size?: AvatarSize;
    /** Initials to display. Max two characters. */
    initials?: string;
    /** Type of action wrapper — renders a button or anchor around the avatar. */
    actionType?: AvatarActionType;
    /** Accessibility label for the action wrapper (button/anchor). */
    actionA11yLabel?: string;
    /** URL for the anchor wrapper. Required when actionType is 'anchor'. */
    href?: string;
    /** Image URL to display in the avatar. */
    image?: string;
    /** Icon node (SVG) to display in the avatar. */
    icon?: ReactNode;
    /** Accessibility label for the image or icon. If unset, the avatar is decorative. */
    a11yLabel?: string;
    /** Outline style for the avatar. */
    outline?: AvatarOutline;
    /** Whether to render in inverse (dark background) mode. */
    inverse?: boolean;
    /** Force focus state for testing/Figma. */
    focused?: boolean;
    /** Additional className for the wrapper element. */
    className?: string;
}
//# sourceMappingURL=Avatar.types.d.ts.map