import { AvatarProps as MuiAvatarProps } from '@mui/material/Avatar';
import { IconName } from '../Icon';
/** Figma Avatar Size scale: 18 / 24 / 32 / 40px. */
export type AvatarSize = 'small' | 'medium' | 'large' | 'extraLarge';
export interface AvatarProps extends Omit<MuiAvatarProps, 'ref' | 'variant'> {
    children?: React.ReactNode;
    /** Avatar shape. MUI provides `circular` | `rounded` | `square`; Signal adds `collection`. */
    variant?: MuiAvatarProps['variant'] | 'collection';
    /**
     * Preset size from the Figma Avatar scale.
     * `small` 18px, `medium` 24px, `large` 32px, `extraLarge` 40px.
     * `collection` defaults to `medium`. Other variants omit this to keep MUI's 40px default.
     */
    size?: AvatarSize;
    /** Icon shown instead of `children` text. `collection` variant only. */
    icon?: IconName;
    /** Back-panel fill and frosted tint. `collection` variant only. @default theme.palette.secondary.main */
    bgcolor?: string;
    /** Text/icon color. `collection` variant only. @default theme.palette.secondary.contrastText */
    color?: string;
}
export declare const Avatar: import('../../../node_modules/react').ForwardRefExoticComponent<AvatarProps & import('../../../node_modules/react').RefAttributes<HTMLDivElement>>;