// Copyright (C) 2023 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause

// This file is part of the Qt Safe Renderer module
import QtQuick
import ClusterDemo

Item {
    id: root
    width: 1920
    height: 720

    property alias image: image
    property real gaugeOpacity: 1

    Image {
        id: image
        source: "image://etc/Cluster8Gauges.png"
    }

    Item {
        id: leftGauge
        x: 160.5
        y: 109.5
        width: 514.5
        height: 514.5
    }

    Image {
        source: "image://etc/gaugeCenterBig.png"
        anchors.centerIn: leftGauge
        width: 174
        height: 174
        z: 100
    }

    Item {
        id: rightGauge
        x: 1246.5
        y: 105
        width: 514.5
        height: 514.5
    }

    Image {
        source: "image://etc/gaugeCenterBig.png"
        anchors.centerIn: rightGauge
        width: 174
        height: 174
        z: 100
    }

    states: [
        State {
            name: "start"

            PropertyChanges {
                target: root
                gaugeOpacity: 0
            }

            PropertyChanges {
                target: image
                opacity: 0.2
            }
        },
        State {
            name: "normal"
        }
    ]
}