admin progress

src/components/list-button.tsx

@@ -0,0 +1,30 @@
+import { Divider, Group, Text, UnstyledButton } from "@mantine/core";
+import { CaretRightIcon, Icon } from "@phosphor-icons/react";
+
+interface ListButtonProps {
+  label: string;
+  Icon: Icon;
+  handleClick: () => void;
+}
+
+const ListButton = ({ label, handleClick, Icon }: ListButtonProps) => {
+  return (
+    <>
+      <UnstyledButton
+        w='100%'
+        p='md'
+        component={'button'}
+        onClick={handleClick}
+      >
+        <Group>
+          <Icon weight='bold' size={20} />
+          <Text fw={500} size='md'>{label}</Text>
+          <CaretRightIcon style={{ marginLeft: 'auto' }} size={20} />
+        </Group>
+      </UnstyledButton>
+      <Divider />
+    </>
+  )
+}
+
+export default ListButton;