// Copyright (C) 2024 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial
import QtQuick 2.15
import GameState

Item {
    id: root

    enabled: GameState.takeInput
    height: 0

    Row {
        anchors.horizontalCenter: parent.horizontalCenter

        spacing: 5

        Repeater {
            model: ["green", "blue", "red", "yellow"]

            Rectangle {
                width: root.height; height: width
                color: modelData
                radius: 5
                opacity: ma.pressed ? 0 : 1

                MouseArea {
                    id: ma
                    anchors.fill: parent
                    onClicked: {
                        GameState.selectColor(modelData)
                    }
                }
            }
        }
    }
}