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

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

<section class="flex flex-col gap-1">
	<h2 class="text-base font-medium">{title}</h2>
	<div class="flex flex-wrap gap-1 text-gray-300">
		{@render children?.()}
	</div>
</section>