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

<li class="rounded-full" class:bg-slate-400={active}>
	<a href="/ch/{id}">
		<span class="badge bg-primary-500">#</span>
		<span class="flex-auto">{name}</span>
	</a>
</li>
