1
import { Card, CardContent } from "@/components/ui/card";
2
import { Button } from "@/components/ui/button";
3
import { useState } from "react";
4
 
5
const categories = [
6
  "Dictators",
7
  "Allied Leaders",
8
  "Battles",
9
  "Aggressions",
10
  "Home Front"
11
];
12
 
13
const questions = {
14
  Dictators: [
15
    { q: "Who was called 'Il Duce'?", a: "Benito Mussolini" },
16
    { q: "Who led the Soviet Union and launched the Great Purge?", a: "Joseph Stalin" },
17
    { q: "Which dictator used a swastika as a symbol?", a: "Adolf Hitler" },
18
    { q: "Which dictator promoted the Five-Year Plans?", a: "Joseph Stalin" },
19
    { q: "Which dictator was a veteran and jailed before ruling Germany?", a: "Adolf Hitler" }
20
  ],
21
  "Allied Leaders": [
22
    { q: "Who led the U.S. during most of WWII?", a: "Franklin D. Roosevelt" },
23
    { q: "Who declared war on Japan after Pearl Harbor?", a: "Franklin D. Roosevelt" },
24
    { q: "Who led Britain as Prime Minister during WWII?", a: "Winston Churchill" },
25
    { q: "Who led the Soviet Union against Germany?", a: "Joseph Stalin" },
26
    { q: "Which Allied leader won a Nobel Prize in Literature?", a: "Winston Churchill" }
27
  ],
28
  Battles: [
29
    { q: "What German strategy was called 'Lightning War'?", a: "Blitzkrieg" },
30
    { q: "What battle caused Hitler to give up on Britain?", a: "Battle of Britain" },
31
    { q: "Who led U.S. victories in Africa and Bastogne?", a: "General Patton" },
32
    { q: "What battle saved the Suez Canal?", a: "Battle of El Alamein" },
33
    { q: "What country fell to Germany in June 1940?", a: "France" }
34
  ],
35
  Aggressions: [
36
    { q: "What year did Germany invade Poland?", a: "1939" },
37
    { q: "What region did Hitler demand from Czechoslovakia?", a: "Sudetenland" },
38
    { q: "Which countries did Hitler annex before WWII?", a: "Austria and Czechoslovakia" },
39
    { q: "What was the purpose of the Munich Conference?", a: "Appeasement" },
40
    { q: "What country did Germany make a non-aggression pact with?", a: "Soviet Union" }
41
  ],
42
  "Home Front": [
43
    { q: "What U.S. program helped create jobs during the Depression?", a: "The New Deal" },
44
    { q: "What act allowed the U.S. to send supplies to Allies?", a: "Lend-Lease Act" },
45
    { q: "What led to high unemployment and inflation globally?", a: "The Great Depression" },
46
    { q: "What did soup lines in the U.S. represent?", a: "Unemployment and poverty" },
47
    { q: "What event really ended the Great Depression?", a: "World War II" }
48
  ]
49
};
50
 
51
export default function WWIIJeopardy() {
52
  const [selected, setSelected] = useState(null);
53
  return (
54
    <div className="grid grid-cols-5 gap-4 p-4">
55
      {categories.map((cat) => (
56
        <div key={cat}>
57
          <h2 className="text-xl font-bold mb-2 text-center">{cat}</h2>
58
          {questions[cat].map((item, i) => (
59
            <Card key={i}>
60
              <CardContent className="flex flex-col items-center justify-center p-4">
61
                <Button onClick={() => setSelected(item)}>${(i + 1) * 100}</Button>
62
              </CardContent>
63
            </Card>
64
          ))}
65
        </div>
66
      ))}
67
      {selected && (
68
        <div className="fixed bottom-0 left-0 right-0 bg-white p-4 border-t shadow-md">
69
          <h3 className="text-lg font-semibold">Q: {selected.q}</h3>
70
          <p className="mt-2">A: {selected.a}</p>
71
          <Button className="mt-2" onClick={() => setSelected(null)}>Close</Button>
72
        </div>
73
      )}
74
    </div>
75
  );
76
}