<script lang="ts">
  import type { PhotoPost } from "../../../../generated/prisma/client.js";
    import FeedItem from "./FeedItem.svelte";

  const { photos }: { photos: PhotoPost[] } = $props();
</script>

<ul class="photo-feed">
  {#each photos as photo, id}
    <FeedItem {photo} />
  {/each}
</ul>

<style>
  .photo-feed {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    list-style: none;
  }

</style>
