// 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-card__num { size: 26; bold: true; color: var(--accent); }
.stat-card__num--ok { color: var(--ok); }
"""
}
column(class = stat-card) {
text(class = u-label-cap, content = "@label")
text(class = "stat-card__num stat-card__num--ok", if = @accent, equals = 1, content = "@value")
text(class = stat-card__num, else, content = "@value")
}
}