/** * Copyright 2021, SumUp Ltd. * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ import type { ImgHTMLAttributes } from 'react'; export interface AvatarProps extends ImgHTMLAttributes { /** * The source URL of the Avatar image. * Defaults to a placeholder illustration. */ src?: string; /** * [Images must have text alternatives](https://www.w3.org/WAI/tutorials/images/) * that describe the information or function represented by them. This * ensures that images can be used by people with various disabilities. Pass * an empty string if the image is [decorative](https://www.w3.org/WAI/tutorials/images/decorative/), * or a localized description if the image is [informative](https://www.w3.org/WAI/tutorials/images/informative/). */ alt: string; /** * The variant of the Avatar. Refer to the docs for usage guidelines. * The variant also changes which placeholder is rendered when the `src` prop is not provided. * * @default 'object' */ variant?: 'object' | 'business' | 'person' /** * @deprecated Use the 'person' variant instead. */ | 'identity'; /** * Choose from 2 sizes. * * @default 'm' */ size?: 's' | 'm' /** * @deprecated Use size 's' instead. */ | 'giga' /** * @deprecated Use size 'm' instead. */ | 'yotta'; /** * A 1-2 letter representation of a person's identity, usually their abbreviated name. * Can only be used with the identity variant. */ initials?: string; } /** * The Avatar component displays an identity or an object image. */ export declare const Avatar: ({ src, alt, variant: legacyVariant, size: legacySize, initials, className, ...props }: AvatarProps) => import("react/jsx-runtime").JSX.Element;