19 lines
604 B
Svelte
19 lines
604 B
Svelte
<script lang="ts">
|
|
import type { AniListStats } from '#lib/btop/types';
|
|
import BtopBox from '../BtopBox.svelte';
|
|
import CountBars from '../charts/CountBars.svelte';
|
|
import StatRows from '../charts/StatRows.svelte';
|
|
import SectionLabel from '../charts/SectionLabel.svelte';
|
|
|
|
let { stats, title, number, color }: { stats: AniListStats; title: string; number: number; color: string } = $props();
|
|
</script>
|
|
|
|
<BtopBox {title} {number} {color}>
|
|
<StatRows rows={stats.rows} />
|
|
|
|
{#if stats.statuses.length}
|
|
<SectionLabel text="lists" {color} />
|
|
<CountBars items={stats.statuses} />
|
|
{/if}
|
|
</BtopBox>
|