Repeater {
            model: 6
            Rectangle {
                width: 152
                height: 87
                color: "red"
                state: "off"

                states: [
                    State {
                        name: "off"
                        PropertyChanges {target: ?????; color = red }
                    },
                    State {
                        name: "on"
                        PropertyChanges {target: ?????; color = green }
                    }
                ]

                MouseArea {
                    anchors.fill: parent
                    onReleased: parent.state === "on" ? parent.state = "off" : parent.state = "on"
                }
            }
        }