import QtQuick
import Nebula.UI

Row {
    id: root

    spacing: 2

    // Placeholder system status until native services exist.
    readonly property int wifiStrength: 3
    readonly property int volumePercent: 72
    readonly property int batteryPercent: 84

    NebulaIconButton {
        id: networkButton
        label: qsTr("Network connected, Nebula-Net")
        NebulaIcon {
            name: "wifi"
            size: 16
            color: networkButton.iconColor
            value: root.wifiStrength
        }
    }

    NebulaIconButton {
        id: volumeButton
        label: qsTr("Volume %1%").arg(root.volumePercent)
        NebulaIcon {
            name: "speaker"
            size: 16
            color: volumeButton.iconColor
        }
    }

    NebulaIconButton {
        id: powerButton
        label: qsTr("Battery %1%").arg(root.batteryPercent)
        NebulaIcon {
            name: "battery"
            size: 16
            color: powerButton.iconColor
            value: root.batteryPercent
        }
    }

    Clock {}
}