<script lang="ts">
	interface Props {
		title: string;
		// short identifier shown after the title, i.e. the issue record's rkey
		rkey: string;
	}

	let { title, rkey }: Props = $props();
</script>

<header class="pb-2">
	<h1 class="typography-heading-3 font-normal">
		{title}
		<span class="text-foreground-subtle">#{rkey}</span>
	</h1>
</header>
