@if ($tiposExamen->isEmpty())

    <span class="text-sm text-gray-400">
        Sin exámenes
    </span>

@else

    <div class="flex max-w-sm flex-wrap gap-1">

        @foreach ($tiposExamen->take(3) as $tipoExamen)

            <span
                class="inline-flex items-center rounded-full
                       bg-purple-100 px-2 py-1
                       text-xs font-medium text-purple-700"
            >
                {{ $tipoExamen }}
            </span>

        @endforeach

        @if ($tiposExamen->count() > 3)

            <span
                class="inline-flex items-center rounded-full
                       bg-gray-100 px-2 py-1
                       text-xs font-medium text-gray-700"
            >
                +{{ $tiposExamen->count() - 3 }}
            </span>

        @endif

    </div>

@endif