@props(['images' => []])

@if(!empty($images))
    <div class="grid grid-cols-2 gap-2 mt-2">
        @foreach($images as $image)
            <div class="border rounded overflow-hidden">
                <img src="{{ $image }}" alt="Question image" class="w-full h-auto object-cover">
            </div>
        @endforeach
    </div>
@else
    <p class="text-gray-500 text-sm">No images</p>
@endif
