<script>
	import Channel from './Channel.svelte';

	let { channels, active } = $props();
</script>

<nav class="list-nav">
	<ul>
		{#each channels as channel}
			<Channel {...channel} active={active === channel.id} />
		{/each}
	</ul>
</nav>
