src/lib/components/GuestList.svelte


1
2
3
4
5
6
7
8
9
10
11
12
13
14

<script>
  import ToggleButton from "./ToggleButton.svelte";
  import { getGuests, toggleGuest } from "../stores/guests.svelte.js";
</script>

<div id="Guest-list" class="grid-container">
  {#each getGuests() as guest (guest.id)}
    <ToggleButton
      label={guest.name}
      active={guest.status}
      onclick={() => toggleGuest(guest.id)}
    />
  {/each}
</div>