function MainComponent() { const [questions, setQuestions] = React.useState([]); const [form, setForm] = React.useState({ question: '', correctAnswer: '', option1: '', option2: '', option3: '' }); const handleChange = (e)=>{ setForm({ ...form, [e.target.name]: e.target.value }); }; const handleSubmit = (e)=>{ e.preventDefault(); setQuestions([ ...questions, form ]); setForm({ question: '', correctAnswer: '', option1: '', option2: '', option3: '' }); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center bg-[#f4f4f4] p-8", __source: { fileName: "", lineNumber: 25, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-roboto mb-6", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, "PMP Exam Preparation"), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 w-full max-w-[800px] shadow-lg rounded-lg", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-crimson-text mb-4", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, "Practice Questions"), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-roboto mb-2", htmlFor: "question", __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }, "Question:"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-gray-300 rounded", type: "text", id: "question", name: "question", value: form.question, onChange: handleChange, placeholder: "Enter your question here", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-roboto mb-2", htmlFor: "correctAnswer", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }, "Correct Answer:"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-gray-300 rounded", type: "text", id: "correctAnswer", name: "correctAnswer", value: form.correctAnswer, onChange: handleChange, placeholder: "Enter the correct answer", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-roboto mb-2", htmlFor: "option1", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }, "Option 1:"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-gray-300 rounded", type: "text", id: "option1", name: "option1", value: form.option1, onChange: handleChange, placeholder: "Enter another option", __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-roboto mb-2", htmlFor: "option2", __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this }, "Option 2:"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-gray-300 rounded", type: "text", id: "option2", name: "option2", value: form.option2, onChange: handleChange, placeholder: "Enter another option", __source: { fileName: "", lineNumber: 76, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 86, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-roboto mb-2", htmlFor: "option3", __source: { fileName: "", lineNumber: 87, columnNumber: 13 }, __self: this }, "Option 3:"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-gray-300 rounded", type: "text", id: "option3", name: "option3", value: form.option3, onChange: handleChange, placeholder: "Enter another option", __source: { fileName: "", lineNumber: 90, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "w-full py-2 bg-[#28a745] text-white font-roboto rounded hover:bg-[#218838]", type: "submit", __source: { fileName: "", lineNumber: 100, columnNumber: 11 }, __self: this }, "Add Question")), /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 107, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-crimson-text mb-4", __source: { fileName: "", lineNumber: 108, columnNumber: 11 }, __self: this }, "Added Questions"), questions.map((q, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "border p-4 rounded mb-2", __source: { fileName: "", lineNumber: 110, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 111, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 111, columnNumber: 42 }, __self: this }, "Question:"), " ", q.question), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 112, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 112, columnNumber: 42 }, __self: this }, "Correct Answer:"), " ", q.correctAnswer), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 113, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 113, columnNumber: 42 }, __self: this }, "Option 1:"), " ", q.option1), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 114, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 114, columnNumber: 42 }, __self: this }, "Option 2:"), " ", q.option2), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 115, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 115, columnNumber: 42 }, __self: this }, "Option 3:"), " ", q.option3)))))); }