@php
    $seen = $status === 'seen';
    $double = in_array($status, ['delivered', 'seen'], true);
@endphp
<span
    data-receipt-ticks
    title="{{ $status }}"
    class="inline-flex {{ $seen ? 'text-[#53bdeb]' : 'text-[#667781]' }}"
>
    @if ($double)
        <svg class="size-3.5" viewBox="0 0 16 15" fill="none" aria-hidden="true">
            <path d="M11.07 3.14 5.4 10.2l-2.5-2.4" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
            <path d="M14.6 3.14 8.93 10.2 7.7 8.96" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
        </svg>
        <span class="sr-only">{{ $seen ? 'Seen' : 'Delivered' }}</span>
    @else
        <svg class="size-3.5" viewBox="0 0 12 11" fill="none" aria-hidden="true">
            <path d="M10.2 1.6 4.4 8.7 1.6 6" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
        </svg>
        <span class="sr-only">Sent</span>
    @endif
</span>