Avatar

A person, as small as a person gets: initials, or their picture. The initials come from the caller.

When to use it

The account in the top bar — IngotTopNavAccount uses it.
An "operator" column in a table, a comment's author, a row in a list of people. A circle of initials is quicker to read than a name when rows are being skimmed.

An icon or a logo. That is IngotIcon — an avatar means "a person", and a circle with a pictogram claims that about something that is not one.
A state or a count in a circle. A state is IngotBadge, a count is IngotCountPill.
An avatar as a button. The circle operates nothing — a wrapper makes it clickable where it should be, and then carries its own name and its own focus.

initials: string — One to three letters, decided by the caller. The kit does not derive them from a name: "van der Berg" and a single-word company account are not two words with a capital first letter, and guessing goes quietly wrong on exactly the names the kit's authors do not have.
label: string — Whose face this is, already translated ("Jan Marek"). Required: two letters read out on their own are not a person, and an avatar without a name is the commonest unlabelled image on an admin screen.
src: string — A picture. The initials stay underneath it — when the image fails or is still loading, a letter is left rather than an empty circle.
size: "sm" | "md" — `sm` (the default) matches the account in the bar, `md` a list row or a detail.
decorative: boolean — Something around it already says whose face this is — a button with the name on it, a row where the name stands beside the circle. The avatar then says nothing of its own, because two names on one thing are read twice. `label` stays required even so: it is what shows, in the code, that the decision was made.
className: string — Margins and alignment only.
testId: string — An anchor for tests.