[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_23":24,"_25":26,"_27":21,"_28":21,"_29":21,"_30":21,"_31":21,"_32":21,"_33":34},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":-7,"_12":13,"_14":15,"_16":17,"_18":19,"_20":21,"_22":21},"sharedTextdocId","6859cf9454d08191b6bb05bad4d235c9","versionInt","title","Water Polo Match Game","type","code/react","content","// Water Polo Quads Game\nimport React, { useState } from \"react\";\nimport { Button } from \"@/components/ui/button\";\nimport { Card, CardContent } from \"@/components/ui/card\";\nimport { motion } from \"framer-motion\";\n\nconst WORDS = [\n \"Driver\", \"Hole Set\", \"Wing\", \"Point\",\n \"Cap\", \"Ball\", \"Whistle\", \"Clock\",\n \"Exclusion\", \"Kickout\", \"Penalty\", \"Ejection\",\n \"Hungary\", \"Serbia\", \"USA\", \"Croatia\"\n];\n\nconst HINTS = [\n \"These are player positions in the pool during offense.\",\n \"These are items used in a match.\",\n \"These are fouls or penalties.\",\n \"These are top water polo nations.\"\n];\n\nconst SOLUTIONS = [\n [\"Driver\", \"Hole Set\", \"Wing\", \"Point\"],\n [\"Cap\", \"Ball\", \"Whistle\", \"Clock\"],\n [\"Exclusion\", \"Kickout\", \"Penalty\", \"Ejection\"],\n [\"Hungary\", \"Serbia\", \"USA\", \"Croatia\"]\n];\n\nexport default function WaterPoloMatchGame() {\n const [selected, setSelected] = useState([]);\n const [solvedGroups, setSolvedGroups] = useState([]);\n const [hint, setHint] = useState(null);\n\n const handleSelect = (word) => {\n if (selected.includes(word)) {\n setSelected(selected.filter(w => w !== word));\n } else if (selected.length < 4) {\n setSelected([...selected, word]);\n }\n };\n\n const checkMatch = () => {\n for (let i = 0; i < SOLUTIONS.length; i++) {\n const solution = SOLUTIONS[i];\n if (solution.every(word => selected.includes(word)) && selected.length === 4) {\n setSolvedGroups([...solvedGroups, ...solution]);\n setSelected([]);\n return;\n }\n }\n setSelected([]);\n };\n\n const getHint = () => {\n setHint(HINTS[Math.floor(Math.random() * HINTS.length)]);\n };\n\n const shuffled = [...WORDS].sort();\n\n return (\n

Water Polo Quads

Find 4 sets of 4 related water polo words!

\n {hint &&

Hint: {hint}

}\n

\n {shuffled.map((word, i) => (\n !solvedGroups.includes(word) && handleSelect(word)}\n >\n {word}\n \n ))}\n

\n \n \n

\n {solvedGroups.length === 16 && (\n

🎉 You found all the groups!

\n )}\n

\n );\n}\n","access","public","isModerationBlocked",false,"isAnonifyApiKeyDetected","dd",{"_35":36,"_37":38},"disablePrefetch",true,"shouldPrefetchAccount","shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","statsigGateEvaluationsPromise",["P",34],"traceId","841632258291684335","traceTime",1776456527450]