<script lang="ts">
	import { fadeDefault } from '$lib/Transitions';
	import { fade } from 'svelte/transition';

	let { number }: { number: number } = $props();
</script>

{#if number > 0}
	<span
		class="absolute -right-[3px] -top-[6px] z-[1] rounded-sm bg-teal-600 px-1 text-xs font-semibold drop-shadow"
		transition:fade={fadeDefault}
	>
		{number}
	</span>
{/if}
