Senin, 20 May 2025 :

src/app/admin/(dashboard)/kesehatan/penanganan-darurat/page.tsx

@@ -1,10 +1,34 @@
+import colors from '@/con/colors';
+import { Box, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
 import React from 'react';
+import CreatePenangananDarurat from './ui/tambah_penanganan_darurat/page';
+import ListPenangananDarurat from './ui/list_penanganan_darurat/page';
 
 function Page() {
   return (
-    <div>
-      Penanganan Darurat
-    </div>
+    <Box>
+     <Stack gap={'xs'}>
+      <Title order={3}>Penanganan Darurat</Title>
+      <Tabs defaultValue="create" color={colors['blue-button']} variant='pills'>
+        <TabsList mb={10} bg={colors['BG-trans']} p={'xs'}>
+          <TabsTab value="create" >
+            Tambah Penanganan Darurat
+          </TabsTab>
+          <TabsTab value="list" >
+            List Penanganan Darurat
+          </TabsTab>
+        </TabsList>
+
+        <TabsPanel value="create">
+          <CreatePenangananDarurat/>
+        </TabsPanel>
+
+        <TabsPanel value="list">
+          <ListPenangananDarurat/>
+        </TabsPanel>
+      </Tabs>
+      </Stack>
+    </Box>
   );
 }