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

<a href="/ch/{id}">
  <li class:active={active}>
    {#if hasUnreads}
      <span>❦</span>
    {:else}
      <span>¶</span>
    {/if}
    <span>{name}</span>
  </li>
</a>
