import { ChannelTypes } from "components/Badge";
import React from "react";
export declare const AvatarTypes: readonly ["default", "characters", "characters-rectangle", "image", "image-rectangle"];
export declare const AvatarSizes: readonly ["sm", "default", "lg"];
export interface AvatarProps extends Partial<React.ComponentPropsWithoutRef<'div'>> {
    /**
     * Name to be used for character avatars
     *
     * Required only for 'characters' and 'characters-rectangle' variants
     *
     * @see AvatarTypes
     */
    name?: string;
    /**
     * Url of image to be used for avatar
     *
     * If the url fails or isn't specified, the respective character variant will be used.
     * In case no name and no url, are specified the default avatar will be used.
     *
     * @see AvatarTypes
     */
    url?: string;
    /**
     * Type of avatar to display
     *
     * @default "default"
     * @see AvatarTypes
     */
    variant: typeof AvatarTypes[number];
    /**
     * Size of avatar
     *
     * @default "default"
     * @see AvatarSizes
     */
    size: typeof AvatarSizes[number];
    /**
     * In case the Avatar needs to show the channel
     *
     * @default undefined
     * @see ChannelTypes
     */
    integrationBadge?: ChannelTypes;
    /**
    * In case you need to show a notification badge
    *
    * @default undefined
    */
    notificationBadge?: boolean;
    /**
     * The number you want to show in the notification, only works if you have notificationBadge in true
     *
     * @default false
     */
    notificationBadgeNumber?: number;
    /**
     * The number you want to show in the notification, only works if you have notificationBadge in true
     *
     * @default false
     */
    onMouseEnterNotification?: React.MouseEventHandler<HTMLDivElement>;
    /**
    * This functions is triggered when the image fails considering it has an url.
    *
    * @default undefined
    */
    onErrorTrigger?: () => void;
}
export declare const Avatar: ({ name, url, variant, size, integrationBadge, notificationBadge, notificationBadgeNumber, className, onMouseEnterNotification, onErrorTrigger, ...props }: AvatarProps) => JSX.Element;
declare const _default: React.MemoExoticComponent<({ name, url, variant, size, integrationBadge, notificationBadge, notificationBadgeNumber, className, onMouseEnterNotification, onErrorTrigger, ...props }: AvatarProps) => JSX.Element>;
export default _default;