From 62a36771873abb33bf9295cb3b6540fe4ed7bd88 Mon Sep 17 00:00:00 2001
From: Natxo <1172351+natxocc@users.noreply.github.com>
Date: Tue, 31 Mar 2026 12:16:50 +0200
Subject: [PATCH] Create Stat.js

---
 src/components/Stat.js | 11 +++++++++++
 1 file changed, 11 insertions(+)
 create mode 100644 src/components/Stat.js

diff --git a/src/components/Stat.js b/src/components/Stat.js
new file mode 100644
index 0000000..e1c5d1e
--- /dev/null
+++ b/src/components/Stat.js
@@ -0,0 +1,11 @@
+import { $html } from "sigpro";
+import { val, joinClass } from "../core/utils.js";
+
+/** STAT */
+export const Stat = (props) =>
+  $html("div", { ...props, class: joinClass("stat", props.class) }, [
+    props.icon && $html("div", { class: "stat-figure text-secondary" }, props.icon),
+    props.label && $html("div", { class: "stat-title" }, props.label),
+    $html("div", { class: "stat-value" }, () => val(props.value) ?? props.value),
+    props.desc && $html("div", { class: "stat-desc" }, props.desc),
+  ]);