From b94719b9251599c06c3cf8d3276e40e0f3cb92e6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sedat=20=C3=96ZT=C3=9CRK?=
 <76204082+iamsedatozturk@users.noreply.github.com>
Date: Fri, 12 Sep 2025 09:19:23 +0300
Subject: [PATCH] WidgetGroup komponent

---
 ui/src/components/ui/Widget/WidgetGroup.tsx | 29 +++++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 ui/src/components/ui/Widget/WidgetGroup.tsx

diff --git a/ui/src/components/ui/Widget/WidgetGroup.tsx b/ui/src/components/ui/Widget/WidgetGroup.tsx
new file mode 100644
index 00000000..dfe0af76
--- /dev/null
+++ b/ui/src/components/ui/Widget/WidgetGroup.tsx
@@ -0,0 +1,29 @@
+import classNames from 'classnames'
+import Widget, { type colorType } from './Widget'
+import { WidgetEditDto } from '@/proxy/form/models'
+
+interface WidgetGroup {
+  colGap?: number
+  colSpan?: number
+  items: WidgetEditDto[]
+}
+
+export default function WidgetGroup(widgets: WidgetGroup[]) {
+  return widgets.map((group, gIdx) => (
+    <div key={gIdx} className={classNames(`grid grid-cols-12 gap-${group.colGap ?? 4}`)}>
+      {group.items.map((item: WidgetEditDto, order: number) => (
+        <div key={`${gIdx}-${order}`} className={classNames(`col-span-${group.colSpan ?? 3}`)}>
+          <Widget
+            title={item.title}
+            value={item.value}
+            color={item.color as colorType}
+            icon={item.icon ?? 'FaChartBar'}
+            subtitle={item.subTitle}
+            valueClassName={item.valueClassName}
+            onClick={() => item.onClick}
+          />
+        </div>
+      ))}
+    </div>
+  ))
+}