<script lang="ts">
	import type { Snippet } from 'svelte';

	let { title, children }: { title: string; children?: Snippet } = $props();
</script>

<div class="flex items-center gap-2">
	<h2 class="flex text-base">
		{title}
	</h2>
	<div class="grow"></div>
	{@render children?.()}
</div>
