function MainComponent() { const [tasks, setTasks] = React.useState([]); const [points, setPoints] = React.useState(0); const [questions, setQuestions] = React.useState([]); const [daysCompleted, setDaysCompleted] = React.useState(0); const [gameUnlocked, setGameUnlocked] = React.useState(false); const handleAddTask = (event)=>{ event.preventDefault(); const { subject, time } = event.target.elements; setTasks([ ...tasks, { subject: subject.value, time: time.value, id: Date.now() } ]); subject.value = ""; time.value = ""; generateQuestion(subject.value); }; const handleCompleteTask = (id)=>{ const newTasks = tasks.filter((task)=>task.id !== id); if (tasks.length !== newTasks.length) { setPoints(points + 10); const today = new Date().getDay(); if (!tasks.some((task)=>new Date(task.id).getDay() === today)) { setDaysCompleted(daysCompleted + 1); if (daysCompleted + 1 === 7) { setGameUnlocked(true); } } } setTasks(newTasks); }; const generateQuestion = (subject)=>{ const newQuestion = `Qual é a capital do tema ${subject}?`; setQuestions([ ...questions, newQuestion ]); }; return /*#__PURE__*/ React.createElement("div", { className: "bg-[#0A0A23] min-h-screen flex flex-col items-center justify-center space-y-8", __source: { fileName: "", lineNumber: 38, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-[#F5F5F5] text-4xl mb-8", __source: { fileName: "", lineNumber: 39, columnNumber: 7 }, __self: this }, "🎮 Agenda de Estudos Gamer - Kids 🕹️"), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[800px] p-8 bg-[#161648] rounded-lg shadow-lg space-y-4", __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "flex flex-col gap-4", onSubmit: handleAddTask, __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "subject", className: "block text-[#F5F5F5] font-roboto", __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this }, "Matéria"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "subject", name: "subject", className: "w-full p-2 rounded-md text-[#0A0A23]", required: true, __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "time", className: "block text-[#F5F5F5] font-roboto", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, "Horário"), /*#__PURE__*/ React.createElement("input", { type: "time", id: "time", name: "time", className: "w-full p-2 rounded-md text-[#0A0A23]", required: true, __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "p-2 rounded-md bg-[#4D4DFF] text-[#F5F5F5] font-bold font-roboto hover:bg-[#3C3CFF]", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, "Adicionar")), /*#__PURE__*/ React.createElement("div", { className: "text-[#F5F5F5] font-roboto", __source: { fileName: "", lineNumber: 52, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, "Pontos: ", points), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, "Dias Completos: ", daysCompleted), gameUnlocked && /*#__PURE__*/ React.createElement("p", { className: "text-green-500 font-bold font-roboto", __source: { fileName: "", lineNumber: 55, columnNumber: 28 }, __self: this }, "Parte do Jogo Desbloqueada!")), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }, questions.map((question, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "p-2 bg-[#2C2C5E] rounded-md", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#F5F5F5] font-roboto", __source: { fileName: "", lineNumber: 60, columnNumber: 15 }, __self: this }, question))))), /*#__PURE__*/ React.createElement("ul", { className: "mt-8 w-full max-w-[800px]", __source: { fileName: "", lineNumber: 65, columnNumber: 7 }, __self: this }, tasks.map((task)=>/*#__PURE__*/ React.createElement("li", { key: task.id, className: "bg-[#1C1C3D] p-4 mb-4 rounded-lg flex justify-between items-center", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-roboto text-[#F5F5F5]", __source: { fileName: "", lineNumber: 68, columnNumber: 13 }, __self: this }, task.subject, " - ", task.time), /*#__PURE__*/ React.createElement("button", { className: "text-[#FF4141]", onClick: ()=>handleCompleteTask(task.id), __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check", __source: { fileName: "", lineNumber: 69, columnNumber: 92 }, __self: this })))))); }