apps/frontend/src/modules/assessmentManagement/modals/ValidationModal.tsx

@@ -0,0 +1,28 @@
+import { Modal, Text, Flex } from "@mantine/core";
+import { Button } from "@/shadcn/components/ui/button";
+
+interface ValidationModalProps {
+    opened: boolean;
+    onClose: () => void;
+    unansweredQuestions: number;
+}
+
+export default function ValidationModal({
+    opened,
+    onClose,
+    unansweredQuestions,
+}: ValidationModalProps) {
+    return (
+        <Modal opened={opened} onClose={onClose} title="Peringatan">
+            <Text>
+                Anda mempunyai {unansweredQuestions} pertanyaan yang belum terjawab! 
+                Pastikan semua jawaban sudah lengkap sebelum melanjutkan.
+            </Text>
+            <Flex gap="sm" justify="flex-end" mt="md">
+                <Button variant="outline" onClick={onClose}>
+                    Tutup
+                </Button>
+            </Flex>
+        </Modal>
+    );
+}