import type { AvatarBaseState } from '@fluentui/react-avatar';
import { AvatarContextProvider } from '@fluentui/react-avatar';
import { AvatarContextValue } from '@fluentui/react-avatar';
import { AvatarBaseProps as AvatarProps } from '@fluentui/react-avatar';
import { AvatarBaseSlots as AvatarSlots } 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';
import { useAvatarContext } from '@fluentui/react-avatar';

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

export { AvatarContextProvider }

export { AvatarContextValue }

export { AvatarProps }

export { AvatarSlots }

export declare type AvatarState = AvatarBaseState & {
    root: {
        /**
         * Data attribute set when the avatar is active or inactive.
         */
        'data-active'?: string;
    };
};

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 { useAvatarContext }

export { }