update : jabatan

Deskripsi:
- tambah jabatan
- list jabatan
- edit jabatan

No Issues

src/module/position/component/tab_list_position.tsx

@@ -0,0 +1,38 @@
+'use client'
+import { Box, Tabs, rem } from '@mantine/core';
+import { IoCloseCircleOutline } from "react-icons/io5"
+import { IoMdCheckmarkCircleOutline } from "react-icons/io"
+import ListPositionActive from './ui/list_position_active';
+import ListPositionNonActive from './ui/list_position_nonactive';
+
+export default function TabListGroup() {
+  const iconStyle = { width: rem(20), height: rem(20) };
+
+  return (
+    <Box p={20}>
+      <Tabs variant="pills" color='#FF9861' radius="xl" defaultValue="aktif">
+        <Tabs.List bg={"white"} style={{
+          border: `1px solid ${"#EDEDED"}`,
+          padding: 5,
+          borderRadius: 100
+        }}>
+          <Tabs.Tab value="aktif" w={"45%"} leftSection={<IoMdCheckmarkCircleOutline style={iconStyle} />}>
+            Aktif
+          </Tabs.Tab>
+          <Tabs.Tab value="tidak-aktif" w={"53%"} leftSection={<IoCloseCircleOutline style={iconStyle} />}>
+            Tidak Aktif
+          </Tabs.Tab>
+        </Tabs.List>
+
+        <Tabs.Panel value="aktif">
+          <ListPositionActive />
+        </Tabs.Panel>
+
+        <Tabs.Panel value="tidak-aktif">
+          <ListPositionNonActive />
+        </Tabs.Panel>
+      </Tabs>
+    </Box>
+  );
+}
+