import { useState } from "react"; import { Card, CardContent } from "@/components/ui/card"; import { Button } from "@/components/ui/button"; export default function QuizTechno() { const questions = [ { id: 1, image: "https://upload.wikimedia.org/wikipedia/commons/0/03/Internet_map_1024.jpg", question: "À quoi sert le protocole IP ?", choices: [ "À décorer les ordinateurs", "À guider les paquets de données jusqu'à leur destination", "À accélérer la connexion Wi-Fi" ], answer: 1 }, { id: 2, image: "https://upload.wikimedia.org/wikipedia/commons/7/7f/IPv4_address_structure.png", question: "Qu'est-ce qu'une adresse IP ?", choices: [ "Une adresse pour envoyer du courrier", "Un identifiant unique pour un appareil sur le réseau", "Le nom d'un logiciel de dessin" ], answer: 1 }, { id: 3, image: "https://upload.wikimedia.org/wikipedia/commons/0/0d/Data_paket.png", question: "En quoi les données sont-elles découpées avant d'être envoyées ?", choices: ["En pixels", "En paquets", "En dossiers"], answer: 1 }, { id: 4, image: "https://upload.wikimedia.org/wikipedia/commons/3/3a/Network_router.jpg", question: "Quel matériel aide les paquets à trouver leur chemin ?", choices: ["Les routeurs", "Les imprimantes", "Les claviers"], answer: 0 }, { id: 5, image: "https://upload.wikimedia.org/wikipedia/commons/e/e0/Tcp_state_diagram_fixed.svg", question: "Que se passe-t-il si un paquet est perdu ?", choices: [ "L'ordinateur redémarre", "Il est renvoyé automatiquement", "La vidéo devient noire" ], answer: 1 }, { id: 6, image: "https://upload.wikimedia.org/wikipedia/commons/5/51/Apps_on_Iphone.jpg", question: "Quel usage quotidien utilise le protocole IP ?", choices: ["Regarder une vidéo", "Jouer au foot", "Faire la cuisine"], answer: 0 } ]; const [current, setCurrent] = useState(0); const [score, setScore] = useState(0); const [finished, setFinished] = useState(false); const selectChoice = (index) => { if (index === questions[current].answer) { setScore(score + 1); } if (current + 1 < questions.length) { setCurrent(current + 1); } else { setFinished(true); } }; return (