@props([
    'questionId',
    'wrongPosition' => null,
])

@php
    $questionId = (int) $questionId;
    $detail = ['questionId' => $questionId];

    if ($wrongPosition !== null) {
        $detail['wrongPosition'] = (int) $wrongPosition;
    }
@endphp

<tr
    {{ $attributes->merge([
        'role' => 'button',
        'tabindex' => '0',
        'class' => 'cursor-pointer hover:bg-gray-50 focus-visible:bg-gray-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:ring-inset',
        'aria-label' => 'Ver pergunta e alternativas',
    ]) }}
    x-on:click="window.dispatchEvent(new CustomEvent('dashboard-open-question', { detail: @js($detail) }))"
    x-on:keydown.enter.prevent="window.dispatchEvent(new CustomEvent('dashboard-open-question', { detail: @js($detail) }))"
    x-on:keydown.space.prevent="window.dispatchEvent(new CustomEvent('dashboard-open-question', { detail: @js($detail) }))"
>
    {{ $slot }}
</tr>