<script lang="ts">
type Props = {
	annotateMode: boolean;
};

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

{#if annotateMode}
	<div
		data-testid="annotate-hint-strip"
		class="hidden h-[36px] items-center gap-2 border-t border-dashed px-3.5 md:flex"
		style="background: rgba(1,40,81,0.05); border-color: rgba(1,40,81,0.20)"
	>
		<span class="text-[20px] font-bold tracking-wide text-primary uppercase">Annotieren</span>
		<span class="text-[20px] text-ink-2">Klicken Sie auf einen Bereich im Dokument</span>
	</div>
{/if}
