@props([
    'apartments' => [],
    'limit' => null,
])


@php
    if ($limit) {
        $apartments = array_slice($apartments, 0, $limit);
    }
@endphp


@if ($apartments)
    <div class="grid grid-cols-1 gap-8 md:grid-cols-2 xl:grid-cols-3">
        @foreach ($apartments as $apartment)
            <x-frontend.animation delay="{{ (($loop->index % 3) + 1) * 100 }}">
                <x-frontend.apartment.list.item :$apartment />
            </x-frontend.animation>
        @endforeach
    </div>
@else
    <x-frontend.animation delay="250">{{ __('Nincs találat.') }}</x-frontend.animation>
@endif