{#each options as option, index (option.key)} handleClick(option.key)} onkeydown={(e) => handleKeydown(e, index)} role="radio" aria-checked={selected === option.key} tabindex={selected === option.key ? 0 : -1} class={`px-4 py-3 rounded-lg font-medium transition-colors ${ selected === option.key ? "bg-[var(--color-jellyfin)] text-white" : "bg-[var(--color-surface)] text-gray-300 hover:bg-[var(--color-surface-hover)]" }`} > {option.label} {/each}