import * as React from 'react';
import { type SaasflareComponentProps } from '../../providers';
/**
 * Props for the UserAvatar component.
 *
 * @interface
 * @layer core
 */
export interface UserAvatarProps extends SaasflareComponentProps {
    /** URL of the user's avatar image */
    src: string | null | undefined;
    /** User's display name (used as alt text) */
    name: string | null | undefined;
    /** Initials to show when no avatar image is available */
    initials: string;
    /** Avatar size variant */
    size?: 'sm' | 'md' | 'lg';
    /** Additional CSS class names */
    className?: string;
    /** Optional click handler. When provided, the avatar shows a pointer cursor. */
    onClick?: React.MouseEventHandler<HTMLSpanElement>;
}
/**
 * User avatar with image, fallback initials, and size variants.
 *
 * @component
 * @layer core
 *
 * @param {UserAvatarProps} props - Component props
 * @returns {JSX.Element} The rendered avatar
 *
 * @example
 * <UserAvatar src="/avatars/jane.jpg" name="Jane Doe" initials="JD" />
 */
export declare function UserAvatar({ src, name, initials, size, className, onClick, surface, radius, animated, iconWeight, }: UserAvatarProps): import("react/jsx-runtime").JSX.Element;