import type { AvatarBaseProps } from '@fluentui/react-avatar';
import type { AvatarBaseState } from '@fluentui/react-avatar';
import type { AvatarSlots as AvatarSlots_2 } from '@fluentui/react-avatar';
import type { ForwardRefComponent } from '@fluentui/react-utilities';
import type * as React_2 from 'react';
import { renderAvatar_unstable as renderAvatar } from '@fluentui/react-avatar';

/**
 * An avatar component that displays an image or icon.
 */
export declare const Avatar: ForwardRefComponent<AvatarProps>;

/**
 * Avatar component props
 */
export declare type AvatarProps = AvatarBaseProps;

/**
 * Avatar component slots
 */
export declare type AvatarSlots = AvatarSlots_2;

/**
 * Avatar component state
 */
export declare type AvatarState = AvatarBaseState;

export { renderAvatar }

/**
 * Returns the state for an Avatar component, given its props and ref.
 * The returned state can be modified with hooks before being passed to `renderAvatar`.
 */
export declare const useAvatar: (props: AvatarProps, ref: React_2.Ref<HTMLElement>) => AvatarState;

export { }