// Tile de KPI do cabeçalho (STATUS/UPTIME/SERVICES/CPU/…).
component {
props {
prop(name = label)
prop(name = value)
prop(name = accent, default = "")
}
resources {
style """
.stat_card {
background: var(--surface);
border-radius: 6;
border-width: 1;
border-color: var(--border);
padding: 16 22;
spacing: 6;
}
.stat_num {
size: 26;
bold: true;
color: var(--accent);
}
.stat_num_g {
size: 26;
bold: true;
color: var(--ok);
}
"""
}
column(class = stat_card) {
text(class = label_cap, content = "@label")
text(class = stat_num_g, if = @accent, equals = 1, content = "@value")
text(class = stat_num, else, content = "@value")
}
}