// One number, read at a glance. Not a chart.
import QtQuick
import QtQuick.Controls.Material
import QtQuick.Layouts

Pane {
    property string label: ""
    property string value: "—"
    property string caption: ""
    property color accent: Material.foreground

    Material.elevation: 1
    Material.roundedScale: Material.LargeScale
    padding: 16
    Layout.fillWidth: true

    background: Rectangle {
        radius: 16
        color: Material.dialogColor
        border.width: 1
        border.color: Material.dividerColor
    }

    ColumnLayout {
        anchors.fill: parent
        spacing: 2
        Label { text: label.toUpperCase(); font.pixelSize: 10; font.letterSpacing: 1; opacity: 0.6 }
        Label { text: value; font.pixelSize: 26; font.weight: Font.Light; color: accent }
        Label {
            text: caption
            visible: caption !== ""
            font.pixelSize: 11
            opacity: 0.7
            Layout.fillWidth: true
            elide: Text.ElideRight
        }
    }
}