import { Accessibility } from '@fluentui/accessibility';
import { ComponentWithAs } from '@fluentui/react-bindings';
import { BoxProps } from '../Box/Box';
import { ImageProps } from '../Image/Image';
import { LabelProps } from '../Label/Label';
import { StatusProps } from '../Status/Status';
import { ShorthandValue, FluentComponentStaticProps } from '../../types';
import { UIComponentProps, SizeValue } from '../../utils';
export interface AvatarProps extends UIComponentProps {
    /**
     * Accessibility behavior if overridden by the user.
     */
    accessibility?: Accessibility<never>;
    /** Avatar can contain icon. It will be rendered only if the image is not present. */
    icon?: ShorthandValue<BoxProps>;
    /** Shorthand for the image. */
    image?: ShorthandValue<ImageProps>;
    /** Shorthand for the label. */
    label?: ShorthandValue<LabelProps>;
    /** The name used for displaying the initials of the avatar if the image is not provided. */
    name?: string;
    /** The avatar can have a square shape. */
    square?: boolean;
    /** Size multiplier. */
    size?: SizeValue;
    /** Shorthand for the status of the user. */
    status?: ShorthandValue<StatusProps>;
    /** Custom method for generating the initials from the name property, which is shown if no image is provided. */
    getInitials?: (name: string) => string;
}
export declare type AvatarStylesProps = Pick<AvatarProps, 'size' | 'square'>;
export declare const avatarClassName = "ui-avatar";
/**
 * An Avatar is a graphical representation of a user.
 */
export declare const Avatar: ComponentWithAs<'div', AvatarProps> & FluentComponentStaticProps<AvatarProps>;