import React, { useState } from 'react';
import { Clock } from 'lucide-react';
import { questions } from './data/questions';
import { results } from './data/results';
import { QuizOption } from './components/QuizOption';
import { ProgressBar } from './components/ProgressBar';
function App() {
const [currentQuestion, setCurrentQuestion] = useState(0);
const [answers, setAnswers] = useState([]);
const [showResult, setShowResult] = useState(false);
const handleAnswer = (score: number) => {
const newAnswers = [...answers, score];
setAnswers(newAnswers);
if (currentQuestion < questions.length - 1) {
setCurrentQuestion(currentQuestion + 1);
} else {
setShowResult(true);
}
};
const calculateResult = () => {
const totalScore = answers.reduce((sum, score) => sum + score, 0);
return results.find(
result => totalScore >= result.minScore && totalScore <= result.maxScore
);
};
const result = calculateResult();
if (showResult && result) {
return (
);
}
return (
{questions[currentQuestion].text}
{questions[currentQuestion].options.map((option, index) => (
handleAnswer(option.score)}
/>
))}
