{#snippet chart( group: (typeof groups)[number], height: number )}
{#if visible.length > 1} {verb} in {group.code} {/if}
{/snippet}
{#if insight.isPending}
{:else if insight.isError}

{insight.error.message}

{:else if visible.length === 0}

{kind === "expense" ? "Nothing spent in this period." : "Nothing earned in this period."}

{:else} {#each [wide, narrow] as set, i (i)} {#if set.length > 0}
g.bars.length))} > {#each set as group (group.code)} {@render chart(group, i === 0 ? 240 : 180)} {/each}
{/if} {/each} {/if}
{#snippet footer()} See your {kind} accounts {/snippet}