import React from 'react'; import { AvatarIconWrapperProps } from './AvatarIconWrapper'; import { AvatarTextWrapperProps } from './AvatarTextWrapper'; import { AvatarContainerProps } from './AvatarContainer'; import { AvatarPictureProps } from './AvatarPicture'; type AvatarNativeProps = React.HTMLAttributes; export interface AvatarBaseProps extends Omit { /** * image object of Avatar component * Example: * ```tsx * * Label * * ``` */ readonly src?: AvatarPictureProps['src']; /** * Avatar style variant\ * Allowed variants: `circular`,`rounded` or `square`\ * \ * **Default**: `circular` */ readonly variant?: 'circular' | 'rounded' | 'square'; /** * Avatar size variant\ * \ * **Default**: `2.5em` */ readonly size?: string; /** * Show avatar online badge\ * \ * **Default**: `undefined` */ readonly isOnline?: boolean; /** * You can pass the primary, default, secondary name of the colors or your specified color value */ readonly color?: AvatarContainerProps['color']; /** * Overridable components map */ readonly overrides?: AvatarBaseOverrides; /** * HTML image alt attribute */ readonly alt?: string; } export interface AvatarBaseOverrides { /** * Element container */ readonly Container?: React.ComponentType>; /** * icon wrapper */ readonly IconWrapper?: React.ComponentType>; /** * text wrapper */ readonly TextWrapper?: React.ComponentType>; /** * picture tag */ readonly Picture?: React.ComponentType>; } declare const _default: React.ForwardRefExoticComponent>; export default _default;