@props(['review'])

<article class="flex flex-col gap-3 py-6 border-b border-black last:border-0">

    <div class="flex items-center justify-between gap-4">
        <div class="flex items-center gap-4">
            <x-reviews-stars :rating="$review['rating']" :size="18" />
            <span class="font-bold">
                {{ $review['name'] ?? 'Ανώνυμος' }}
            </span>
        </div>
        <time class="text-sm text-neutral-500 shrink-0">{{ $review['date'] }}</time>
    </div>

    <p class="leading-relaxed">{{ $review['text'] }}</p>

    @if (!empty($review['image']))
        <div class="mt-1">
            <img
                src="{{ $review['image'] }}"
                alt="Φωτογραφία από τον αγοραστή"
                class="w-24 h-24 object-cover border border-black"
            >
        </div>
    @endif

</article>