<script lang="ts">
    import { type Room } from "$lib/types"
    let { room }: { room: Room } = $props()
</script>

<div class="room flex flex-col items-start gap-2 rounded-lg bg-white p-6 shadow-md">
    <h2 class="flex items-center gap-2 text-xl font-semibold">
        {room.name}
        {#if room.private}
            <span class="text-gray-500">🔒</span>
        {/if}
    </h2>
    <!-- <span class="text-sm text-gray-600"> -->
    <!-- {participants} participant{participants === 1 ? "" : "s"} -->
    <!-- </span> -->
</div>
