function MainComponent() { const [error, setError] = useState(null); const [upload, { loading }] = useUpload(); const [file, setFile] = useState(null); const [menuImage, setMenuImage] = useState(null); const [quizQuestions, setQuizQuestions] = useState([]); const [answers, setAnswers] = useState({}); const [showResults, setShowResults] = useState(false); const [score, setScore] = useState(0); const handleUpload = async ()=>{ const { url, error } = await upload({ file }); if (error) { setError(error); return; } setMenuImage(url); }; const handleQuizSubmit = ()=>{ let correctAnswers = 0; quizQuestions.forEach((q, index)=>{ if (answers[index] === q.correct) { correctAnswers++; } }); setScore(correctAnswers); setShowResults(true); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50 p-8", __source: { fileName: "", lineNumber: 32, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-center mb-12 font-roboto", __source: { fileName: "", lineNumber: 33, columnNumber: 7 }, __self: this }, "Menu Quiz Generator"), /*#__PURE__*/ React.createElement("div", { className: "max-w-3xl mx-auto space-y-8", __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center gap-4", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "file", accept: "image/*", onChange: (e)=>{ if (e.target.files) { setFile(e.target.files[0]); } }, className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }), error && /*#__PURE__*/ React.createElement("div", { className: "text-red-500", __source: { fileName: "", lineNumber: 50, columnNumber: 23 }, __self: this }, error), /*#__PURE__*/ React.createElement("button", { onClick: handleUpload, disabled: loading || !file, className: "bg-blue-500 text-white px-6 py-2 rounded hover:bg-blue-600 disabled:bg-gray-400", __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }, loading ? "アップロード中..." : "メニューをアップロード")), menuImage && /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: menuImage, alt: "アップロードされたメニュー", className: "max-w-full h-auto rounded", __source: { fileName: "", lineNumber: 62, columnNumber: 15 }, __self: this }))), menuImage && /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "w-full bg-green-500 text-white px-6 py-2 rounded hover:bg-green-600", onClick: ()=>{ setQuizQuestions([ { question: "このメニューの一番人気料理は？", options: [ "ラーメン", "カレー", "うどん" ], correct: 0 }, { question: "一番高い料理の値段は？", options: [ "800円", "1000円", "1200円" ], correct: 2 } ]); }, __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this }, "クイズを生成する")), quizQuestions.length > 0 && !showResults && /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 96, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-4 font-roboto", __source: { fileName: "", lineNumber: 97, columnNumber: 13 }, __self: this }, "クイズ"), quizQuestions.map((q, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "mb-6", __source: { fileName: "", lineNumber: 99, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 100, columnNumber: 17 }, __self: this }, q.question), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 101, columnNumber: 17 }, __self: this }, q.options.map((option, optionIndex)=>/*#__PURE__*/ React.createElement("label", { key: optionIndex, className: "flex items-center", __source: { fileName: "", lineNumber: 103, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "radio", name: `question-${index}`, value: optionIndex, onChange: (e)=>setAnswers({ ...answers, [index]: parseInt(e.target.value) }), className: "mr-2", __source: { fileName: "", lineNumber: 104, columnNumber: 23 }, __self: this }), option))))), /*#__PURE__*/ React.createElement("button", { onClick: handleQuizSubmit, className: "w-full bg-purple-500 text-white px-6 py-2 rounded hover:bg-purple-600", __source: { fileName: "", lineNumber: 122, columnNumber: 13 }, __self: this }, "回答を送信")), showResults && /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-md text-center", __source: { fileName: "", lineNumber: 132, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-4 font-roboto", __source: { fileName: "", lineNumber: 133, columnNumber: 13 }, __self: this }, "結果"), /*#__PURE__*/ React.createElement("p", { className: "text-xl", __source: { fileName: "", lineNumber: 134, columnNumber: 13 }, __self: this }, quizQuestions.length, "問中", score, "問正解！"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setShowResults(false); setAnswers({}); setScore(0); }, className: "mt-4 bg-blue-500 text-white px-6 py-2 rounded hover:bg-blue-600", __source: { fileName: "", lineNumber: 137, columnNumber: 13 }, __self: this }, "もう一度挑戦する")))); }