import { useState } from 'react'; import { Button } from "/components/ui/button"; import { Card, CardContent, CardHeader, CardTitle, CardFooter } from "/components/ui/card"; type Question = { id: number; question: string; options: string[]; correctAnswerIndex: number; explanation: string; }; const questions: Question[] = [ { id: 1, question: "What year did Uruguay gain independence from Brazil?", options: ["1811", "1821", "1828", "1833"], correctAnswerIndex: 2, explanation: "Uruguay gained independence from Brazil in 1828 after the Cisplatine War, which was mediated by the British." }, { id: 2, question: "Who was the first president of Uruguay?", options: ["José Gervasio Artigas", "Fructuoso Rivera", "Juan Antonio Lavalleja", "Joaquín Suárez"], correctAnswerIndex: 1, explanation: "Fructuoso Rivera became Uruguay's first president in 1830 after the country's first constitution was adopted." }, { id: 3, question: "What is the name of Uruguay's national anthem?", options: ["Himno Nacional Uruguayo", "Orientales, la Patria o la Tumba", "Libertad o Muerte", "Canción Patriótica Nacional"], correctAnswerIndex: 0, explanation: "The national anthem is called 'Himno Nacional Uruguayo' and is one of the longest national anthems in the world." }, { id: 4, question: "Which famous battle in 1825 marked the beginning of Uruguay's independence movement?", options: ["Battle of Las Piedras", "Battle of Sarandí", "Battle of Rincón", "Battle of Tacuarembó"], correctAnswerIndex: 1, explanation: "The Battle of Sarandí on October 12, 1825, was a decisive victory for the Uruguayan forces led by Juan Antonio Lavalleja." }, { id: 5, question: "What is the capital of Uruguay?", options: ["Punta del Este", "Salto", "Montevideo", "Colonia del Sacramento"], correctAnswerIndex: 2, explanation: "Montevideo is not only the capital but also the largest city in Uruguay, located on the country's southern coast." } ]; export default function UruguayHistoryQuiz() { const [currentQuestionIndex, setCurrentQuestionIndex] = useState(0); const [selectedOptionIndex, setSelectedOptionIndex] = useState(null); const [score, setScore] = useState(0); const [showFeedback, setShowFeedback] = useState(false); const [quizCompleted, setQuizCompleted] = useState(false); const currentQuestion = questions[currentQuestionIndex]; const isCorrect = selectedOptionIndex === currentQuestion.correctAnswerIndex; const handleOptionSelect = (optionIndex: number) => { if (showFeedback) return; setSelectedOptionIndex(optionIndex); }; const handleSubmit = () => { if (selectedOptionIndex === null) return; setShowFeedback(true); if (isCorrect) { setScore(score + 1); } }; const handleNextQuestion = () => { if (currentQuestionIndex < questions.length - 1) { setCurrentQuestionIndex(currentQuestionIndex + 1); setSelectedOptionIndex(null); setShowFeedback(false); } else { setQuizCompleted(true); } }; const restartQuiz = () => { setCurrentQuestionIndex(0); setSelectedOptionIndex(null); setScore(0); setShowFeedback(false); setQuizCompleted(false); }; return (

Uruguay History Quiz

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

{!quizCompleted ? ( <>

{currentQuestion.question}

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

{showFeedback && (

{isCorrect ? 'Correct!' : 'Incorrect!'}

{currentQuestion.explanation}

)}

{!showFeedback ? ( ) : ( )}

) : (

Quiz Completed!

Your score: {score} out of {questions.length}

{score === questions.length ? "Perfect! You're a Uruguay history expert!" : score >= questions.length / 2 ? "Good job! You know quite a bit about Uruguay's history." : "Keep learning! Uruguay has a fascinating history to explore."}

)}

Score: {score} / {questions.length}

); }