@primer/react-brand/lib/Avatar/Avatar.d.ts

Primer Brand is a GitHub's design system for creating React-based marketing websites and digital experiences.

import React from 'react';
import type { BaseProps } from '../component-helpers';
export declare const AvatarSizes: readonly [32, 40, 48, 64, 80];
export declare const AvatarShapes: readonly ["circle", "square"];
type AvatarSizeVariants = (typeof AvatarSizes)[number];
type ResponsiveSizeMap = {
    narrow?: AvatarSizeVariants;
    regular?: AvatarSizeVariants;
    wide?: AvatarSizeVariants;
};
export type AvatarProps = BaseProps<HTMLImageElement> & {
    size?: (typeof AvatarSizes)[number] | ResponsiveSizeMap;
    shape?: (typeof AvatarShapes)[number];
    src: string;
    alt: string;
    ['data-testid']?: string;
} & React.ImgHTMLAttributes<HTMLImageElement>;
export declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & React.RefAttributes<HTMLImageElement>> & {
    testIds: {
        root: string;
        readonly image: string;
    };
};
export {};