import QtQuick 2.15

import utils 1.0
import shared 1.0

Row {
    id: root

    property var reactionsModel

    signal toggleReaction(int emojiId)

    spacing: Style.current.halfPadding
    leftPadding: Style.current.halfPadding
    rightPadding: Style.current.halfPadding

    Repeater {
        model: root.reactionsModel
        delegate: EmojiReaction {
            source: Style.svg(model.filename)
            emojiId: model.emojiId
            reactedByUser: model.didIReactWithThisEmoji
            onCloseModal: {
                if (reactedByUser) {
                    return
                }
                root.toggleReaction(emojiId)
            }
        }
    }
}