alice.pds.demo.boltless.dev
This repository has no description
1<script lang="ts">
2 import Reaction from "./Reaction.svelte";
3 import type { ReactionGroup } from "./reactions";
4
5 interface Props {
6 reactions: ReactionGroup[];
7 class?: string;
8 }
9
10 let { reactions, class: className = "" }: Props = $props();
11</script>
12
13{#if reactions.length}
14 <div class={`flex flex-wrap items-center gap-2 ${className}`}>
15 {#each reactions as reaction (reaction.kind)}
16 <Reaction {reaction} />
17 {/each}
18 </div>
19{/if}