You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
18 lines
343 B
TypeScript
18 lines
343 B
TypeScript
// frontend/components/Avatar.tsx
|
|
type Tone = "blue" | "violet" | "green" | "coral" | "amber";
|
|
export function Avatar({
|
|
initial,
|
|
tone = "blue",
|
|
label,
|
|
}: {
|
|
initial: string;
|
|
tone?: Tone;
|
|
label?: string;
|
|
}) {
|
|
return (
|
|
<div className="avatar" data-tone={tone} title={label} aria-label={label}>
|
|
{initial}
|
|
</div>
|
|
);
|
|
}
|