From e3f90a49d0125fccf1aeaf73cf07a5eda6eb5a21 Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Wed, 10 Dec 2025 09:22:09 +0700
Subject: [PATCH] feat(FE-361): Extract LogisticStockTabs component

---
 src/app/report/logistic-stock/page.tsx        | 29 ++---------------
 .../logistic-stock/LogisticStockTabs.tsx      | 32 +++++++++++++++++++
 2 files changed, 34 insertions(+), 27 deletions(-)
 create mode 100644 src/components/pages/report/logistic-stock/LogisticStockTabs.tsx

diff --git a/src/app/report/logistic-stock/page.tsx b/src/app/report/logistic-stock/page.tsx
index a0c8bd23..77ba31ed 100644
--- a/src/app/report/logistic-stock/page.tsx
+++ b/src/app/report/logistic-stock/page.tsx
@@ -1,32 +1,7 @@
-'use client';
-
-import Tabs from '@/components/Tabs';
-import PurchasesPerSupplierTab from '@/components/pages/report/logistic-stock/PurchasesPerSupplierTab';
+import LogisticStockTabs from '@/components/pages/report/logistic-stock/LogisticStockTabs';
 
 const LogisticStock = () => {
-  const tabs = [
-    {
-      id: '1',
-      label: 'Rekapitulasi Pembelian Per Supplier',
-      content: <PurchasesPerSupplierTab />,
-    },
-    {
-      id: '2',
-      label: 'Rekapitulasi Pemakaian Barang',
-      content: <PurchasesPerSupplierTab />,
-    },
-    {
-      id: '3',
-      label: 'Rekapitulasi Stock Persediaan Barang',
-      content: <PurchasesPerSupplierTab />,
-    },
-  ];
-
-  return (
-    <section className='w-full p-4'>
-      <Tabs tabs={tabs} variant='lifted' />
-    </section>
-  );
+  return <LogisticStockTabs />;
 };
 
 export default LogisticStock;
diff --git a/src/components/pages/report/logistic-stock/LogisticStockTabs.tsx b/src/components/pages/report/logistic-stock/LogisticStockTabs.tsx
new file mode 100644
index 00000000..0664189f
--- /dev/null
+++ b/src/components/pages/report/logistic-stock/LogisticStockTabs.tsx
@@ -0,0 +1,32 @@
+'use client';
+
+import Tabs from '@/components/Tabs';
+import PurchasesPerSupplierTab from '@/components/pages/report/logistic-stock/PurchasesPerSupplierTab';
+
+const LogisticStockTabs = () => {
+  const tabs = [
+    {
+      id: '1',
+      label: 'Rekapitulasi Pembelian Per Supplier',
+      content: <PurchasesPerSupplierTab />,
+    },
+    {
+      id: '2',
+      label: 'Rekapitulasi Pemakaian Barang',
+      content: <PurchasesPerSupplierTab />,
+    },
+    {
+      id: '3',
+      label: 'Rekapitulasi Stock Persediaan Barang',
+      content: <PurchasesPerSupplierTab />,
+    },
+  ];
+
+  return (
+    <section className='w-full p-4'>
+      <Tabs tabs={tabs} variant='lifted' />
+    </section>
+  );
+};
+
+export default LogisticStockTabs;