From e2ff7d2038ce5d299fe35247fc9797ebeccf6173 Mon Sep 17 00:00:00 2001
From: maik <maikrolf@mail.com>
Date: Thu, 20 Aug 2026 22:48:17 +0000
Subject: [PATCH] Add battery-soc jsx template

---
 .../jsx/battery-soc/battery-soc-example.jsx    | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 templates/jsx/battery-soc/battery-soc-example.jsx

diff --git a/templates/jsx/battery-soc/battery-soc-example.jsx b/templates/jsx/battery-soc/battery-soc-example.jsx
new file mode 100644
index 0000000..e63953f
--- /dev/null
+++ b/templates/jsx/battery-soc/battery-soc-example.jsx
@@ -0,0 +1,18 @@
+---
+label: battery-soc voorbeeld
+description: Batterij laadstatus met laadvermogen
+type: battery-soc
+author: maik
+---
+
+import React from 'react';
+
+export default function BatterySocTemplate({ data }) {
+  const soc = data?.soc ?? 0;
+  return (
+    <div className="widget-soc">
+      <div className="widget-soc__ring" style={{ '--soc': `${soc}%` }} />
+      <div className="widget-soc__value">{soc.toFixed(0)}%</div>
+    </div>
+  );
+}