{#if modes && modes.length > 1}
{#each modes as m (m.value)} {@const active = mode === m.value}
(mode = m.value)} class="px-3 py-1 text-xs rounded-md transition-colors {active ? 'bg-white/10 text-gray-100' : 'text-gray-400 hover:text-gray-200'}" > {m.label}
{/each}
{/if} {#if rows.length === 0} {#if empty} {@render empty()} {:else}
Not enough data yet.
{/if} {:else}
{#each headers as header (header.label)}
{header.label}
{/each}
{#each displayedRows as item, i (i)}
{@render rowSnippet(item)}
{/each}
{#if rows.length > initialRows}
{expanded ? '▲ Show less' : '▼ Show more'}
{/if} {/if}