{{--
    Links are short-lived and generated per view. Audio lives in a private
    bucket, so nothing here is addressable by anyone who has not been handed
    a signed URL in the last few minutes.
--}}
<div class="space-y-2">
    @forelse ($items as $item)
        <a href="{{ $item['url'] }}" target="_blank" rel="noopener"
           class="flex items-center justify-between gap-3 rounded-md border border-gray-200 px-3 py-2
                  text-sm hover:border-primary-500 dark:border-gray-700">
            <span class="truncate">{{ $item['label'] }}</span>
            <span class="shrink-0 font-mono text-xs text-gray-500">{{ $item['size'] }}</span>
        </a>
    @empty
        <p class="text-sm text-gray-500">The artist has not sent anything yet.</p>
    @endforelse
</div>