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

  let { messageRuns } = $props();
</script>

<div class="container">
  {#each messageRuns as { sender, messages }}
    <div>
      <MessageRun {sender} {messages} />
    </div>
  {/each}
</div>

<style>
  .container {
    overflow: auto;
  }
</style>
