{#snippet navItem(item: NavigationItem)}

{#if item.children && item.children.length > 0}

{#if item.icon}{item.icon}{/if} {item.label}

{#each item.children as child (child.id)} {@render navItem(child)} {/each}

{:else} {/if}

{/snippet}

{#if header}

{@render header()}

{/if}

{ const open = (e.currentTarget as HTMLDetailsElement) .open; onToggle?.(section.id, open); }} >
{section.title}

{#if footer}

{@render footer()}

{/if}