{#each alphabets as letter}
b.name.slice(0, 1).toLowerCase() === letter)} value={letter} class="h-12 w-12 cursor-pointer rounded-sm bg-gray-100 data-[state=active]:bg-primary data-[state=active]:text-white" >{letter.toUpperCase()}
{/each}
{#each alphabets as letter} {#each brands as brand} {#if letter === brand?.name.slice(0, 1).toLowerCase()}
{brand?.name}
{/if} {/each} {/each}