"use client" import { useState } from "react" import { motion } from "framer-motion" import { fadeIn, slideUp, stagger, staggerItem, buttonTapTarget } from "@/lib/animations" import { Button } from "@/components/ui/button" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Separator } from "@/components/ui/separator" import { RadioGroup } from "@/components/ui/radio-group" import { cn } from "@/lib/utils" import { Clock, ChevronLeft, ChevronRight, Flag, CheckCircle, AlertCircle } from "lucide-react" const questions = [ { id: 1, text: "What is the correct way to declare a variable in Python?", options: ["var x = 5", "x = 5", "int x = 5", "let x = 5"], correct: 1 }, { id: 2, text: "Which data type is immutable in Python?", options: ["List", "Dictionary", "Tuple", "Set"], correct: 2 }, { id: 3, text: "What does the len() function return?", options: ["Length of a string", "Number of characters", "Both A and B", "None of the above"], correct: 2 }, ] export default function QuizPage() { const [current, setCurrent] = useState(0) const [answers, setAnswers] = useState>({}) const [submitted, setSubmitted] = useState(false) const q = questions[current] const answered = answers[q.id] !== undefined const allAnswered = questions.every((q) => answers[q.id] !== undefined) return (

Module 1 Quiz

Foundations · 3 questions

15:00

{questions.map((q, i) => ( ))}

Question {current + 1} of {questions.length}

{q.text} {q.options.map((opt, i) => ( ))}

{current < questions.length - 1 ? ( ) : ( )}

{submitted && (

Quiz Submitted!

Your score: 2/3

)}

) }

Quiz Page

Module 1 Quiz

Module 1 Quiz