<script>
  import Postcard from './postcard.svelte';

  /**
   * @type {import("$types/base").Post[]}
   */
  export let posts = [];
</script>

<style>
  .postList {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
</style>

<div class="postList">
  {#each posts as post}
    <Postcard post={post}></Postcard>
  {/each}
</div>
