/**
 * Copyright (c) Microsoft Corporation.
 * Licensed under the MIT License.
 * @format
 */
/** @jsxImportSource @fluentui-react-native/framework-base */
import type { ImageSource, ViewProps, ColorValue } from 'react-native';
export declare const Sizes: readonly ['size16', 'size20', 'size24', 'size32', 'size40', 'size56', 'size72'];
export type Size = (typeof Sizes)[number];
export type AvatarStyle = 'default' | 'accent' | 'group' | 'outlined' | 'outlinedPrimary' | 'overflow';
export type Presence = 'none' | 'available' | 'away' | 'blocked' | 'doNotDisturb' | 'offline' | 'unknown';
export type NativeAvatarTokens = {
    /**
     * Supported Avatar sizes
     */
    size?: Size;
    /**
     * Supported Avatar styles
     */
    avatarStyle?: AvatarStyle;
};
export type NativeAvatarProps = NativeAvatarTokens & {
    /**
     * The image to be displayed
     */
    imageSource?: ImageSource;
    /**
     * The primary text to create initials with (e.g. a name)
     */
    primaryText?: string;
    /**
     * The secondary text to create initials with if primary text is not provided (e.g. an email address)
     */
    secondaryText?: string;
    /**
     * A custom color for the ring around the Avatar
     */
    ringColor?: ColorValue;
    /**
     * A custom color for the avatar initials when no image is shown
     */
    foregroundColor?: ColorValue;
    /**
     * A custom color for the avatar background when no image is shown
     */
    backgroundColor?: ColorValue;
    /**
     * The avatar view's presence state.
     */
    presence?: Presence;
    /**
     * A boolean inidicating whether the ring is visible
     */
    isRingVisible?: boolean;
    /**
     * A boolean indicating whether the Inner Ring Gap is transparent
     */
    isTransparent?: boolean;
    /**
     * A boolean indicating out of office status
     */
    isOutOfOffice?: boolean;
    /**
     * A boolean indicating whether the gap between the avatar and ring is visible.
     */
    hasRingInnerGap?: boolean;
    /**
     * An image to be shown as the backdrop of the ring, rather then a solid color.
     * Takes precendence over `ringColor`
     */
    customBorderImageSource?: ImageSource;
};
export type NativeAvatarViewProps = ViewProps & NativeAvatarProps;
export declare const NativeAvatar: any;
//# sourceMappingURL=NativeAvatar.d.ts.map