import { ElementType, ReactNode } from 'react';
import { AvatarOptions } from '@42/core/avatar';
export interface AvatarProps extends Partial<AvatarOptions> {
    /** Element/tag rendered as the controller root. Defaults to `"div"`. */
    as?: ElementType;
    className?: string;
    children?: ReactNode;
    /** Fired on `avatar:load` — detail: `(no detail)` */
    onLoad?: (detail: unknown, event: CustomEvent) => void;
    /** Fired on `avatar:error` — detail: `(no detail)` */
    onError?: (detail: unknown, event: CustomEvent) => void;
    /** Fired on `avatar:statuschange` — detail: `{ status }` */
    onStatuschange?: (detail: unknown, event: CustomEvent) => void;
    /** Extra props are forwarded to the rendered `<div>` element. */
    [key: string]: unknown;
}
export declare function Avatar(props: AvatarProps): import("react").JSX.Element;