import { useState } from 'react' import { Button } from "/components/ui/button" import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "/components/ui/card" // Sample quiz data const quizData = [ { question: "What year did Nigeria gain independence from British colonial rule?", options: ["1956", "1960", "1963", "1965"], correctAnswer: "1960", explanation: "Nigeria gained independence from British colonial rule on October 1, 1960." }, { question: "Who was the first President of Nigeria?", options: ["Olusegun Obasanjo", "Nnamdi Azikiwe", "Muhammadu Buhari", "Shehu Shagari"], correctAnswer: "Nnamdi Azikiwe", explanation: "Nnamdi Azikiwe was the first President of Nigeria, serving from 1960 to 1966." }, { question: "What is the capital of Nigeria?", options: ["Lagos", "Kano", "Abuja", "Ibadan"], correctAnswer: "Abuja", explanation: "Abuja became the capital of Nigeria in 1991, replacing Lagos." } ] export default function NigerianHistoryQuiz() { const [currentQuestionIndex, setCurrentQuestionIndex] = useState(0) const [selectedAnswer, setSelectedAnswer] = useState(null) const [score, setScore] = useState(0) const [showFeedback, setShowFeedback] = useState(false) const currentQuestion = quizData[currentQuestionIndex] const handleAnswerSelection = (answer: string) => { setSelectedAnswer(answer) setShowFeedback(true) if (answer === currentQuestion.correctAnswer) { setScore(score + 1) } } const handleNextQuestion = () => { setSelectedAnswer(null) setShowFeedback(false) if (currentQuestionIndex < quizData.length - 1) { setCurrentQuestionIndex(currentQuestionIndex + 1) } } return ( Nigerian History Quiz Test your knowledge of Nigerian history!

{currentQuestion.question}

{currentQuestion.options.map((option, index) => ( ))}

{showFeedback && (

{selectedAnswer === currentQuestion.correctAnswer ? 'Correct!' : 'Incorrect!'}

{currentQuestion.explanation}

)}

Score: {score}

{currentQuestionIndex < quizData.length - 1 && ( )}

) }