From 5465756526515e3e9100c3365ea81c4d9aa0411a Mon Sep 17 00:00:00 2001
From: minsik <pro.mskim0215@gmail.com>
Date: Fri, 25 Oct 2024 17:30:59 +0900
Subject: [PATCH] =?UTF-8?q?=ED=8C=A8=EB=84=90=20=EB=B0=B0=EC=B9=98=20?=
 =?UTF-8?q?=EC=A7=91=EA=B3=84=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../modal/panelBatch/PanelBatchStatistics.jsx | 37 +++++++++++++++++++
 1 file changed, 37 insertions(+)
 create mode 100644 src/components/floor-plan/modal/panelBatch/PanelBatchStatistics.jsx

diff --git a/src/components/floor-plan/modal/panelBatch/PanelBatchStatistics.jsx b/src/components/floor-plan/modal/panelBatch/PanelBatchStatistics.jsx
new file mode 100644
index 00000000..2d36c4eb
--- /dev/null
+++ b/src/components/floor-plan/modal/panelBatch/PanelBatchStatistics.jsx
@@ -0,0 +1,37 @@
+import WithDraggable from '@/components/common/draggable/withDraggable'
+import { useState } from 'react'
+import { useMessage } from '@/hooks/useMessage'
+
+export default function PanelBatchStatistics() {
+  const { getMessage } = useMessage()
+  const [isFold, setIsFold] = useState(false)
+  const [pos, setPos] = useState({
+    x: 0,
+    y: 30,
+  })
+
+  return (
+    <WithDraggable isShow={true} handle=".penal-wrap" pos={pos}>
+      <div className={`penal-wrap ${!isFold ? 'act' : ''}`}>
+        <h2>{getMessage('modal.panel.batch.statistic')}</h2>
+        <button className="penal-arr" onClick={() => setIsFold(!isFold)}></button>
+        <div className="penal-table-wrap">
+          <table className="penal-table">
+            <thead>
+              <tr>
+                <th>{getMessage('modal.panel.batch.statistic.roof.shape')}</th>
+                <th>{getMessage('modal.panel.batch.statistic.power.generation.amount')} (kW)</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr>
+                <td>{getMessage('modal.panel.batch.statistic.total')}</td>
+                <td className="al-r">0.000</td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </WithDraggable>
+  )
+}