{#snippet navButton(item: NavItem)} {@const isActive = activeId === item.id} {@const count = countFor(item.id)} {@const Icon = item.icon} {/snippet}

{@render navButton(HOME)}

{#each GROUPS as group (group.label)}

{group.label}

{#each group.items as item (item.id)} {@render navButton(item)} {/each}

{/each}