import type { Size } from '@digdir/designsystemet-types';
import type { HTMLAttributes, ReactNode } from 'react';
import type { DefaultProps } from '../../types';
import type { MergeRight } from '../../utilities';
type AriaHidden = HTMLAttributes<HTMLSpanElement>['aria-hidden'];
type AriaAttributes = {
    'aria-label': string;
    'data-tooltip'?: never;
    'aria-hidden'?: AriaHidden;
} | {
    'aria-label'?: never;
    'data-tooltip': string;
    'aria-hidden'?: AriaHidden;
} | {
    'aria-label'?: string;
    'data-tooltip'?: string;
    'aria-hidden': true | 'true';
};
export type AvatarProps = MergeRight<DefaultProps & HTMLAttributes<HTMLSpanElement>, AriaAttributes & {
    /**
     * The size of the avatar.
     */
    'data-size'?: 'xs' | Size;
    /**
     * The shape of the avatar.
     *
     * @default 'circle'
     */
    variant?: 'circle' | 'square';
    /**
     * Initials to display inside the avatar.
     */
    initials?: string;
    /**
     * Change the default rendered element for the one passed as a child, merging their props and behavior.
     * @default false
     */
    asChild?: boolean;
    /**
     * Image, icon or initials to display inside the avatar.
     *
     * Gets `aria-hidden="true"`
     */
    children?: ReactNode;
}>;
/**
 * Avatars are used to represent people or entities.
 *
 * @example
 * <Avatar aria-label="John Doe" initials="JD" />
 *
 * @example
 * <Avatar aria-label="John Doe">
 *  <img src='…' alt='John Doe' />
 * </Avatar>
 *
 * @example
 * <Avatar aria-label="John Doe">
 *  <Icon />
 * </Avatar>
 */
export declare const Avatar: import("react").ForwardRefExoticComponent<AvatarProps & import("react").RefAttributes<HTMLSpanElement>>;
export {};
//# sourceMappingURL=avatar.d.ts.map