upd: new group

Deskripsi:
- pembaruan api group

NO Issues

src/module/group/ui/tab_list_group.tsx

@@ -0,0 +1,47 @@
+"use client";
+import { Box, Tabs, rem } from "@mantine/core";
+import { IoCloseCircleOutline } from "react-icons/io5";
+import { IoMdCheckmarkCircleOutline } from "react-icons/io";
+import ListGroupActive from "./list_group_active";
+
+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">
+          <ListGroupActive status={true} />
+        </Tabs.Panel>
+
+        <Tabs.Panel value="tidak-aktif">
+          <ListGroupActive status={false} />
+        </Tabs.Panel>
+      </Tabs>
+    </Box>
+  );
+}