{children || (<>
{Math.round(value)}
{label && {label}}
)}
{sub}
);
}
// — Sparkline —
function Sparkline({ data = [], width = 100, height = 30, color, fill = true, strokeWidth = 1.75 }) {
if (!data.length) return null;
const min = Math.min(...data), max = Math.max(...data);
const rng = max - min || 1;
const up = data[data.length - 1] >= data[0];
const col = color || (up ? "var(--green)" : "var(--red)");
const pts = data.map((v, i) => {
const x = (i / (data.length - 1)) * width;
const y = height - ((v - min) / rng) * (height - 4) - 2;
return [x, y];
});
const line = pts.map((p, i) => `${i ? "L" : "M"}${p[0].toFixed(1)} ${p[1].toFixed(1)}`).join(" ");
const area = `${line} L${width} ${height} L0 ${height} Z`;
const gid = "sg" + Math.random().toString(36).slice(2, 8);
return (