import { ComponentProps } from 'react';
export type AvatarProps = ComponentProps<'div'> & {
    /**
     * When a name is provided, the Avatar automatically generates and displays the initials of that name.
     * The name also appears in a tooltip when hovered over.
     */
    name?: string;
    /**
     * The abbreviation can also be defined manually. It is recommended to limit abbreviations
     * to a maximum of 2 to 3 characters.
     */
    abbr?: string;
    /**
     * The image to be shown. When an image is displayed, the abbreviation is not shown.
     */
    image?: string;
    /**
     * The image alt text. If not given, the name will be used.
     */
    alt?: string;
    /**
     * The name of an icon that should be shown instead of initials. If nothing is provided,
     * a default icon will be shown.
     *
     * @default 'user'
     */
    iconName?: string;
    /**
     * The height and width of the component.
     *
     * @default 40
     */
    size?: number;
    /**
     * The background color for the component. By default, the text and icon color is derived from the background color.
     *
     * @default 'bg-lighter'
     */
    backgroundColor?: string;
    /**
     * The content of the Avatars tooltip. if nothing is provided, the name is used.
     */
    tooltip?: string | JSX.Element;
    /**
     * Additional classes set to the icon element.
     */
    iconClassName?: string;
    /**
     * Additional classes set to the wrapper element.
     */
    className?: string;
};
declare const Avatar: (props: AvatarProps) => import("react/jsx-runtime").JSX.Element;
export default Avatar;
