{#each items as item, idx (item.name)}
{#if hoveredIndex === item.id}
{item.name}
{/if}
(hoveredIndex = item.id)} on:mouseleave={() => (hoveredIndex = null)} on:focus={() => (hoveredIndex = item.id)} on:blur={() => (hoveredIndex = null)} aria-describedby={hoveredIndex === item.id ? `tooltip-${item.id}` : undefined} >
{/each}