| 1 | export function Avatar({ letter, size = "md" }: { letter: string; size?: "sm" | "md" | "lg" }) { |
| 2 | const sizes = { sm: "w-8 h-8 text-xs", md: "w-9 h-9 text-sm", lg: "w-14 h-14 text-base" }; |
| 3 | return ( |
| 4 | <div className={`${sizes[size]} rounded-full bg-gradient-to-br from-zinc-600 to-zinc-800 border border-white/10 flex items-center justify-center font-semibold text-nord-white shrink-0`}> |
| 5 | {letter} |
| 6 | </div> |
| 7 | ); |
| 8 | } |