import { useState } from 'react'; import { Card, CardContent } from "@/components/ui/card"; import { Button } from "@/components/ui/button";

export default function RayaqGame() { const [step, setStep] = useState(0); const [score, setScore] = useState(0);

const handleAnswer = (correct) => { if (correct) setScore(score + 1); setStep(step + 1); };

const puzzles = [ { question: "في غرفة يوجد ثلاث مصابيح، وخارجها ثلاث مفاتيح. يمكنك الدخول مرة واحدة فقط. كيف تعرف أي مفتاح لأي مصباح؟", answers: [ { text: "أشغل مفتاحين، أطفئ واحد، وأدخل", correct: true }, { text: "أجرب كل المفاتيح عشوائيًا", correct: false }, { text: "أفتح الباب قليلاً وأراقب", correct: false }, ], }, { question: "ما الشيء الذي كلما أخذت منه، كبر؟", answers: [ { text: "الثقب", correct: true }, { text: "الظل", correct: false }, { text: "الحفرة", correct: false }, ], }, ];

return ( لعبة الرايق {step < puzzles.length ? ( <p className="text-lg