const WARNA = ['#8C2F22', '#4B6B4E', '#8A6A1F', '#3A5A78', '#6B3A5E', '#2F5B55'];

export default function Avatar({ nama, saiz = 30 }: { nama: string; saiz?: number }) {
  const warna = WARNA[nama.charCodeAt(0) % WARNA.length];
  return (
    <span
      aria-hidden
      style={{ width: saiz, height: saiz, background: warna, fontSize: saiz * 0.42 }}
      className="grid shrink-0 place-items-center rounded-full font-extrabold text-white"
    >
      {nama[0].toUpperCase()}
    </span>
  );
}