<jds-reaction-panel>
    <template #options>
        <jds-reaction-option type="❤️" @click="handleClick('hearts')" />
        <jds-reaction-option type="👍" @click="handleClick('thumbs')" />
        <jds-reaction-option type="😕" @click="handleClick('meh')" />
    </template>
    <jds-reaction
        type="❤️"
        v-if="votes.hearts"
        :value="votes.hearts"
        :active="myVotes.includes('hearts')"
        @click="handleClick('hearts')"/>
    <jds-reaction
        type="👍"
        v-if="votes.thumbs"
        :value="votes.thumbs"
        :active="myVotes.includes('thumbs')"
        @click="handleClick('thumbs')"
    >
        Bob
    </jds-reaction>
    <jds-reaction
        type="😕"
        v-if="votes.meh"
        :value="votes.meh"
        :active="myVotes.includes('meh')"
        @click="handleClick('meh')"/>
</jds-reaction-panel>