@props(['seat', 'student_name','school'])
<li {{ $attributes->class(['flex gap-x-4 px-3 py-2 justify-between bg-gray-50 border-x border-b shadow']) }}>

    <div class="text-sm font-semibold">
        {{ $seat }}
    </div>

    <div class="min-w-0 text-right">
        <p class="text-sm font-semibold leading-6 text-gray-900">{{ $student_name }}</p>
        <p class="mt-1 truncate text-xs leading-5 text-gray-500">{{ $school }}</p>
    </div>
</li>