<script lang="ts">
	export let time: number | undefined = undefined;
	export let count = -1337;
	export let anime = false;
	export let custom = '';
	export let progress: undefined | number = undefined;
</script>

<summary>
	{custom.length !== 0 ? custom : anime ? 'Anime' : 'Manga & Light Novels'} [{count === -1337
		? '...'
		: count}]
	<small style="opacity: 50%">{time ? time.toFixed(3) : '...'}s</small>
	<slot />
	{#if progress !== undefined}
		<button class="badge unclickable-button button-badge badge-info">
			{progress.toFixed(0)}%
		</button>
	{/if}
</summary>
