<div>
    @if($this->files->total() > 0)
        <div class="grid gap-4 lg:gap-6 mt-8 mb-6 {{ $selectable ? 'grid-cols-3 lg:grid-cols-6' : 'grid-cols-3 lg:grid-cols-10' }}">
            @foreach($this->files as $file)
                <livewire:daylight::media-file-item :file="$file" :selectable="$selectable" :single-file="$singleFile" :selected-items="$selectedItems" :key="'media-file-'.$file->id" />
            @endforeach
        </div>

        <div class="mt-6">
            {{ $this->files->onEachSide(1)->links() }}
        </div>
    @else
        <x-daylight::media.empty-state />
    @endif
</div>


