{#each tabs as { value, Icon, label } (value)} handleUpdateAppearance(value)} class="flex items-center rounded-md px-3.5 py-1.5 transition-colors {currentAppearance === value ? 'bg-white shadow-xs dark:bg-neutral-700 dark:text-neutral-100' : 'text-neutral-500 hover:bg-neutral-200/60 hover:text-black dark:text-neutral-400 dark:hover:bg-neutral-700/60'}" > {label} {/each}