패널 배치 집계 추가

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>
+  )
+}