<script lang="ts">
	import type { Forum } from '$lib/data/types';

	export let forum: Forum;

	import { _ } from 'svelte-i18n';
	import TopicSummary from '$lib/components/topic_summary/topic_summary.svelte';
</script>

<h1 class="py-4 font-bold text-3xl">{forum.glyph} {$_(forum.label)}</h1>
<ul class="list-disc list-inside pl-2">
	{#if forum.topics}
		{#each forum.topics as topic}
			<TopicSummary {topic} />
		{/each}
	{/if}
</ul>
