flotilla/src/app/components/RoomNameWithImage.svelte

<script lang="ts">
  import RoomName from "@app/components/RoomName.svelte"
  import RoomImage from "@app/components/RoomImage.svelte"

  interface Props {
    h: any
    url: any
  }

  const {url, h}: Props = $props()
</script>

<div class="flex flex-grow items-center justify-between gap-4">
  <div class="flex items-center gap-3">
    <RoomImage {url} {h} />
    <div class="min-w-0 overflow-hidden text-ellipsis">
      <RoomName {url} {h} />
    </div>
  </div>
</div>