Choose your Avatars

{#each avatars as avatar, index} { selectAvatar(avatar); }} on:mouseenter={() => { hoveredIndex = index; isAddIcon = true; }} on:mouseleave={() => { hoveredIndex = null; isAddIcon = false; }} class="relative w-[17%] flex justify-center items-center shadow-sm rounded-full hover:scale-110 transition-all duration-300" > {#if isAddIcon && hoveredIndex === index}

{/if} {/each}