@props(['initials', 'seed' => ''])

{{-- There is no logo column on customers, so rather than show a broken image or
     an identical grey square on every row, the tile is derived from the name:
     the initials, and a hue picked deterministically from the same string so a
     customer keeps the same colour everywhere they appear. --}}
@php
    $palettes = [
        'from-brand-500 to-brand-700',
        'from-emerald-500 to-emerald-700',
        'from-amber-500 to-orange-600',
        'from-sky-500 to-blue-700',
        'from-fuchsia-500 to-purple-700',
        'from-rose-500 to-red-600',
        'from-teal-500 to-cyan-700',
    ];

    $gradient = $palettes[crc32((string) ($seed ?: $initials)) % count($palettes)];
@endphp

<span {{ $attributes->merge(['class' => "grid size-9 shrink-0 place-items-center rounded-xl bg-gradient-to-br {$gradient} text-[11px] font-bold text-white shadow-sm"]) }}
      aria-hidden="true">
    {{ $initials }}
</span>