import { ReactNode } from 'react';
import { Color } from '../../types/color';
export type AvatarVariants = 'square' | 'rounded' | 'circle';
export type AvatarSizes = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'auto';
export interface AvatarProps extends React.ComponentPropsWithRef<'img'> {
    /**
     * Shape of Avatar
     * `title`, `square`, `circle`
     */
    variant?: AvatarVariants;
    /**
     * Avatar' size
     */
    size?: AvatarSizes;
    /**
     * Show image when `src` props is provided
     */
    src?: string;
    /**
     * Custom fallback image
     */
    imgPlaceholder?: string;
    /**
     * Alternative text when using image
     */
    alt: string;
    /**
     * Optional class for styling purpose
     */
    className?: string;
    /**
     * Inner border color
     */
    innerBorderColor?: Color;
    /**
     * Inner border width in pixels
     */
    innerBorderWidth?: number;
    /**
     * Outer border color
     */
    outerBorderColor?: Color;
    /**
     * Outer border width in pixels
     */
    outerBorderWidth?: number;
    /**
     * Outer border offset in pixels
     */
    outerBorderOffset?: number;
    /**
     * Cover content for the avatar
     */
    cover?: ReactNode;
}
declare const Avatar: import('react').ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
export default Avatar;