// Copyright (C) 2025 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial

import QtQuick
import QtQuickUltralite.Layers
import QtQuickUltralite.SafeRenderer

Item {

    Row {

        x: 12
        spacing: 24

        SafeImage {
            id: iconBeams
            objectName: "iconBeams"
            width: 40
            height: 40
            source: "../images/telltales/high-beams.png"
            fillColor: "#000000"
        }

        SafeImage {
            id: iconEngine
            objectName: "iconEngine"
            width: 40
            height: 40
            source: "../images/telltales/engine-failure.png"
            fillColor: "#000000"
        }

        SafeImage {
            id: iconBattery
            objectName: "iconBattery"
            width: 40
            height: 40
            source: "../images/telltales/battery.png"
            fillColor: "#000000"
        }

        SafeImage {
            id: iconOil
            objectName: "iconOil"
            width: 40
            height: 40
            source: "../images/telltales/engine-oil.png"
            fillColor: "#000000"
        }

        DemoStatus.onBeamsStateChange: {
            iconBeams.visible = beamsState ? true : false
        }
        DemoStatus.onEngineStateChange: {
            iconEngine.visible = engineState ? true : false
        }
        DemoStatus.onBatteryStateChange: {
            iconBattery.visible = batteryState ? true : false
        }
        DemoStatus.onOilStateChange: {
            iconOil.visible = oilState ? true : false
        }
    }

    Image {
        id: corruptedIconOil
        width: 40
        height: 40
        x: 204
        source: "qrc:///images/telltales/engine-oil-corrupted.png"
        visible: false
    }

    DemoStatus.onScreenFailureStateChange: {
        corruptedIconOil.visible = screenFailureState ? true : false
    }
}