@php
    $statePath = $getStatePath();
    $value = $getState();
@endphp

<div>
    <div class="flex gap-1 items-center">
        @for ($i = 1; $i <= 5; $i++)
            <button
                type="button"
                wire:click="$wire.set('{{ $statePath }}', {{ $i }})"
                class="transition-colors duration-200 {{ ($value ?? 0) >= $i ? 'text-yellow-400' : 'text-gray-400' }} hover:text-yellow-300 focus:outline-none cursor-pointer"
                style="font-size: 1.5rem; line-height: 1;"
            >
                ★
            </button>
        @endfor
    </div>
    
    <!-- Hidden input với wire:model để Livewire tracking -->
    <input type="hidden" wire:model="{{ $statePath }}" value="{{ $value ?? '' }}" />
</div>