import Border from "./Border.svelte";

  import Icon from "./Icon.svelte";

  import Popover from "./Popover.svelte";

  interface Props {

    reactions?: Reaction[];

            ({ emoji }) => emoji === reaction,

          )}

          <button

            class:active={Boolean(lookedUpReaction)}

            onclick={() =>

              select(lookedUpReaction || { emoji: reaction, authors: [] })}>

  import type { Author } from "@bindings/cob/Author";

  import type { Reaction } from "@bindings/cob/Reaction";

  interface Props {

    reactions: Reaction[];

    handleReaction?: (authors: Author[], reaction: string) => Promise<void>;

              await handleReaction(authors, emoji);

            }

          }}>

          <span>{authors.length}</span>

        </div>

      {:else}

        <div class="reaction txt-tiny" style="padding: 2px 4px;">

          <span>{authors.length}</span>

        </div>

      {/if}