{#each CATEGORIES as cat (cat)}
selectTab(cat)} class="flex-1 rounded-md px-2 py-1 text-xs font-medium transition-colors {activeCategory === cat ? 'bg-slate-900 text-white dark:bg-slate-50 dark:text-slate-900' : 'border border-slate-300 text-slate-600 hover:bg-slate-50 dark:border-slate-600 dark:text-slate-400 dark:hover:bg-slate-700'}" > {CATEGORY_LABELS[cat]}
{/each}
{#each activeList as e, i (e)}
pick(e)} class="flex h-9 w-9 items-center justify-center rounded-md text-xl transition-colors {selected === e ? 'bg-slate-900 dark:bg-slate-100' : 'hover:bg-slate-100 dark:hover:bg-slate-700'}" >{e}
{/each}