function InteractiveLearningTracker({ question, answer, setAnswer, handleAnswerSubmit, progress, areasForImprovement, handleContentUpload, uploadedContent, miniGames }) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 p-4", __source: { fileName: "", lineNumber: 13, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto bg-white p-6 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-roboto text-gray-800", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, "11+ Exam Preparation App"), /*#__PURE__*/ React.createElement("section", { className: "mt-4", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-roboto text-gray-700", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, "Question Section"), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 p-4 rounded-lg shadow-sm mt-2", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, question), /*#__PURE__*/ React.createElement("input", { type: "text", name: "answer", placeholder: "Type your answer...", className: "border border-gray-300 p-2 rounded w-full mt-2", value: answer, onChange: (e)=>setAnswer(e.target.value), __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white p-2 rounded mt-2 w-full", onClick: handleAnswerSubmit, __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, "Submit Answer"))), /*#__PURE__*/ React.createElement("section", { className: "mt-4", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-roboto text-gray-700", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, "Progress Tracker"), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 p-4 rounded-lg shadow-sm mt-2", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }, progress), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }, areasForImprovement))), /*#__PURE__*/ React.createElement("section", { className: "mt-4", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-roboto text-gray-700", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, "Upload Content"), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 p-4 rounded-lg shadow-sm mt-2", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "file", name: "contentUpload", className: "border border-gray-300 p-2 rounded w-full", multiple: true, onChange: handleContentUpload, __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("ul", { className: "mt-2", __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this }, uploadedContent.map((file, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "text-gray-600", __source: { fileName: "", lineNumber: 58, columnNumber: 17 }, __self: this }, file))), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white p-2 rounded mt-2 w-full", __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, "Upload"))), /*#__PURE__*/ React.createElement("section", { className: "mt-4", __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-roboto text-gray-700", __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }, "Mini Games"), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 p-4 rounded-lg shadow-sm mt-2", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 68, columnNumber: 13 }, __self: this }, miniGames.map((game, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "text-gray-600", __source: { fileName: "", lineNumber: 70, columnNumber: 17 }, __self: this }, game))))))); } function InteractiveLearningTrackerStory() { const [answer, setAnswer] = React.useState(''); const question = "What is 8 + 5?"; const progress = "You have answered 3 out of 10 questions correctly."; const areasForImprovement = "Focus on multiplication and division."; const handleAnswerSubmit = ()=>alert('Answer submitted'); const handleContentUpload = (e)=>alert('Content uploaded'); const uploadedContent = [ "file1.pdf", "file2.png" ]; const miniGames = [ "Math Puzzle", "Word Search" ]; return /*#__PURE__*/ React.createElement(InteractiveLearningTracker, { question: question, answer: answer, setAnswer: setAnswer, handleAnswerSubmit: handleAnswerSubmit, progress: progress, areasForImprovement: areasForImprovement, handleContentUpload: handleContentUpload, uploadedContent: uploadedContent, miniGames: miniGames, __source: { fileName: "", lineNumber: 91, columnNumber: 5 }, __self: this }); } function MainComponent() { const [question, setQuestion] = React.useState("What is 8 + 5?"); const [answer, setAnswer] = React.useState(""); const [progress, setProgress] = React.useState("You have answered 3 out of 10 questions correctly."); const [areasForImprovement, setAreasForImprovement] = React.useState("Focus on multiplication and division."); const [uploadedContent, setUploadedContent] = React.useState([]); const [miniGames, setMiniGames] = React.useState([ "Math Puzzle", "Word Search" ]); const handleAnswerSubmit = ()=>{ // Logic to check the user's answer and update progress setProgress("Updated progress based on user's answer..."); setAreasForImprovement("Updated areas for improvement based on user's answer..."); }; const handleContentUpload = (event)=>{ // Logic to handle content upload and AI for curriculum updates const files = Array.from(event.target.files).map((file)=>file.name); setUploadedContent([ ...uploadedContent, ...files ]); }; return /*#__PURE__*/ React.createElement(InteractiveLearningTracker, { question: question, answer: answer, setAnswer: setAnswer, handleAnswerSubmit: handleAnswerSubmit, progress: progress, areasForImprovement: areasForImprovement, handleContentUpload: handleContentUpload, uploadedContent: uploadedContent, miniGames: miniGames, __source: { fileName: "", lineNumber: 22, columnNumber: 5 }, __self: this }); }