function MainComponent() { const [answers, setAnswers] = React.useState({ question1: '', question2: '' }); const [incorrectAnswers, setIncorrectAnswers] = React.useState([]); const [showIncorrect, setShowIncorrect] = React.useState(false); const handleChange = (e)=>{ setAnswers({ ...answers, [e.target.name]: e.target.value }); }; const handleSubmit = (e, correctAnswer, question)=>{ e.preventDefault(); if (answers[question].toLowerCase() !== correctAnswer) { setIncorrectAnswers([ ...incorrectAnswers, question ]); } setAnswers({ ...answers, [question]: '' }); }; const handleRetry = (e)=>{ e.preventDefault(); setShowIncorrect(true); }; return /*#__PURE__*/ React.createElement("div", { className: "font-roboto", __source: { fileName: "", lineNumber: 24, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#4CAF50] text-white p-4 text-center", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, "Aprenda Português")), /*#__PURE__*/ React.createElement("main", { className: "p-4", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-4", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, "Lição 1: Saudações"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, !showIncorrect && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "bg-[#F0F0F0] p-4 rounded-lg shadow", __source: { fileName: "", lineNumber: 34, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 35, columnNumber: 19 }, __self: this }, 'Como você diz "Olá" em Português?'), /*#__PURE__*/ React.createElement("form", { onSubmit: (e)=>handleSubmit(e, "olá", "question1"), __source: { fileName: "", lineNumber: 36, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "question1", placeholder: "Sua resposta...", className: "border-2 border-gray-300 p-2 rounded w-full", value: answers.question1, onChange: handleChange, __source: { fileName: "", lineNumber: 37, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "mt-4 bg-[#4CAF50] text-white p-2 rounded hover:bg-[#367c39] transition-colors", __source: { fileName: "", lineNumber: 45, columnNumber: 21 }, __self: this }, "Confirmar"))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#F0F0F0] p-4 rounded-lg shadow", __source: { fileName: "", lineNumber: 48, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 49, columnNumber: 19 }, __self: this }, 'Qual é a tradução de "Boa noite"?'), /*#__PURE__*/ React.createElement("form", { onSubmit: (e)=>handleSubmit(e, "boa noite", "question2"), __source: { fileName: "", lineNumber: 50, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "question2", placeholder: "Sua resposta...", className: "border-2 border-gray-300 p-2 rounded w-full", value: answers.question2, onChange: handleChange, __source: { fileName: "", lineNumber: 51, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "mt-4 bg-[#4CAF50] text-white p-2 rounded hover:bg-[#367c39] transition-colors", __source: { fileName: "", lineNumber: 59, columnNumber: 21 }, __self: this }, "Confirmar")))), showIncorrect && incorrectAnswers.length > 0 ? incorrectAnswers.map((question, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-[#F0F0F0] p-4 rounded-lg shadow", __source: { fileName: "", lineNumber: 66, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 67, columnNumber: 19 }, __self: this }, question === "question1" ? 'Como você diz "Olá" em Português?' : 'Qual é a tradução de "Boa noite"?', " "), /*#__PURE__*/ React.createElement("form", { onSubmit: (e)=>{ e.preventDefault(); setIncorrectAnswers(incorrectAnswers.filter((_, i)=>i !== index)); }, __source: { fileName: "", lineNumber: 68, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: question, placeholder: "Sua resposta...", className: "border-2 border-gray-300 p-2 rounded w-full", value: answers[question], onChange: handleChange, __source: { fileName: "", lineNumber: 69, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "mt-4 bg-[#4CAF50] text-white p-2 rounded hover:bg-[#367c39] transition-colors", __source: { fileName: "", lineNumber: 77, columnNumber: 21 }, __self: this }, "Confirmar")))) : /*#__PURE__*/ React.createElement("button", { onClick: handleRetry, className: "col-span-2 bg-[#4CAF50] text-white p-2 rounded hover:bg-[#367c39] transition-colors", __source: { fileName: "", lineNumber: 82, columnNumber: 15 }, __self: this }, "Revisar Respostas Incorretas"))))); }