import React from 'react';
import { SIZES } from '../../constants';
import { GenericComponent } from '../../@types/types';
interface AvatarInitialsProps {
    /** Component that will be placed top right of the avatar image. */
    children?: React.ReactNode;
    /** If true, an overlay will be shown with edit icon. */
    editable?: boolean;
    /** The uuid to determine the background color of the avatar. */
    id?: string;
    /** The name for in the avatar. */
    name: string;
    /** Callback function that is fired when user clicks the edit icon. */
    onImageChange?: React.MouseEventHandler<HTMLDivElement>;
    /** The size of the avatar. */
    size: Exclude<typeof SIZES[number], 'fullscreen' | 'smallest'>;
}
declare const AvatarInitials: GenericComponent<AvatarInitialsProps>;
export default AvatarInitials;
