import * as React from 'react'; import { SxProps } from '@mui/system'; import { OverridableStringUnion } from '@mui/types'; import { Theme } from '../styles'; import { OverridableComponent, OverrideProps } from '../OverridableComponent'; import { AvatarClasses } from './avatarClasses'; import { CreateSlotsAndSlotProps, SlotProps } from '../utils/types'; export interface AvatarSlots { /** * The component that renders the transition. * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component. * @default Collapse */ img?: React.JSXElementConstructor>; } export interface AvatarPropsVariantOverrides {} export type AvatarSlotsAndSlotProps = CreateSlotsAndSlotProps< AvatarSlots, { img: SlotProps< React.ElementType>, {}, AvatarOwnProps >; } >; export interface AvatarOwnProps { /** * Used in combination with `src` or `srcSet` to * provide an alt attribute for the rendered `img` element. */ alt?: string; /** * Used to render icon or text elements inside the Avatar if `src` is not set. * This can be an element, or just a string. */ children?: React.ReactNode; /** * Override or extend the styles applied to the component. */ classes?: Partial; /** * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attributes) applied to the `img` element if the component is used to display an image. * It can be used to listen for the loading error event. * @deprecated Use `slotProps.img` instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/). */ imgProps?: React.ImgHTMLAttributes & { sx?: SxProps; }; /** * The `sizes` attribute for the `img` element. */ sizes?: string; /** * The `src` attribute for the `img` element. */ src?: string; /** * The `srcSet` attribute for the `img` element. * Use this attribute for responsive image display. */ srcSet?: string; /** * The system prop that allows defining system overrides as well as additional CSS styles. */ sx?: SxProps; /** * The shape of the avatar. * @default 'circular' */ variant?: OverridableStringUnion<'circular' | 'rounded' | 'square', AvatarPropsVariantOverrides>; } export interface AvatarTypeMap< AdditionalProps = {}, RootComponent extends React.ElementType = 'div', > { props: AdditionalProps & AvatarOwnProps & AvatarSlotsAndSlotProps; defaultComponent: RootComponent; } /** * * Demos: * * - [Avatar](https://mui.com/material-ui/react-avatar/) * * API: * * - [Avatar API](https://mui.com/material-ui/api/avatar/) */ declare const Avatar: OverridableComponent; export type AvatarProps< RootComponent extends React.ElementType = AvatarTypeMap['defaultComponent'], AdditionalProps = {}, > = OverrideProps, RootComponent> & { component?: React.ElementType; }; export default Avatar;