<script lang="ts">
	import type { Media } from '$lib/AniList/media';

	export let minutesWatched: number;
	export let animeList: Media[] | undefined;
	export let episodes: number;
</script>

<div class="category-grid pure-category category top-category">
	<div class="grid-item">
		<b>Anime</b>
	</div>
	<div class="grid-item">
		Time Watched: {((minutesWatched || 0) / 60 / 24).toFixed(2)} days
	</div>
	<div class="grid-item">
		Completed: {animeList?.length || 0}
	</div>
	<div class="grid-item">Episodes: {episodes}</div>
</div>
