<script lang="ts">
let {
	maxCount,
	barAreaHeight
}: {
	maxCount: number;
	barAreaHeight: number;
} = $props();
</script>

<div
	class="flex flex-col justify-between pr-1.5 text-right font-sans text-xs leading-none text-ink-3"
	style="height: {barAreaHeight}px;"
	aria-hidden="true"
	data-testid="timeline-y-axis"
>
	<span>{maxCount}</span>
	<span>0</span>
</div>
