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

---
 .../jsx/price-chart/price-chart-example.jsx   | 20 +++++++++++++++++++
 1 file changed, 20 insertions(+)
 create mode 100644 templates/jsx/price-chart/price-chart-example.jsx

diff --git a/templates/jsx/price-chart/price-chart-example.jsx b/templates/jsx/price-chart/price-chart-example.jsx
new file mode 100644
index 0000000..c5765ec
--- /dev/null
+++ b/templates/jsx/price-chart/price-chart-example.jsx
@@ -0,0 +1,20 @@
+---
+label: price-chart voorbeeld
+description: Prijsgrafiek met forecast-overlay
+type: price-chart
+author: maik
+---
+
+import React from 'react';
+
+export default function PriceChartTemplate({ data }) {
+  const prices = data?.prices ?? [];
+  const max = Math.max(...prices, 1);
+  return (
+    <div className="widget-price-chart">
+      {prices.map((p, i) => (
+        <div key={i} className="bar" style={{ height: `${(p / max) * 100}%` }} />
+      ))}
+    </div>
+  );
+}