function MainComponent() { const handleSubmit = (e)=>{ e.preventDefault(); const formData = new FormData(e.target); const resumeData = {}; formData.forEach((value, key)=>{ resumeData[key] = value; }); console.log(resumeData); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 p-8 font-roboto", __source: { fileName: "", lineNumber: 13, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "mb-8", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-semibold text-center text-gray-800", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, "Resume Builder")), /*#__PURE__*/ React.createElement("section", { className: "bg-white p-6 rounded-lg shadow-md max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, "Google Doc Template"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 mb-4", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, "Upload your Google Doc template to get started."), /*#__PURE__*/ React.createElement("input", { type: "file", accept: ".docx", className: "mb-4 border border-gray-300 p-2 rounded-lg w-full", name: "templateUpload", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, "Template Sections"), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, "First Name:"), /*#__PURE__*/ React.createElement("input", { type: "text", className: "border border-gray-300 p-2 rounded-lg w-full", name: "firstName", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, "Last Name:"), /*#__PURE__*/ React.createElement("input", { type: "text", className: "border border-gray-300 p-2 rounded-lg w-full", name: "lastName", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }, "Email Address:"), /*#__PURE__*/ React.createElement("input", { type: "email", className: "border border-gray-300 p-2 rounded-lg w-full", name: "email", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700", __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }, "Phone Number:"), /*#__PURE__*/ React.createElement("input", { type: "text", className: "border border-gray-300 p-2 rounded-lg w-full", name: "phoneNumber", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700", __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, "Area Code:"), /*#__PURE__*/ React.createElement("input", { type: "text", className: "border border-gray-300 p-2 rounded-lg w-full", name: "areaCode", __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700", __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this }, "Education:"), /*#__PURE__*/ React.createElement("textarea", { className: "border border-gray-300 p-2 rounded-lg w-full", name: "education", placeholder: `"High School Name"\nAddress of high school\nDates of high school`, __source: { fileName: "", lineNumber: 70, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-500 text-white p-3 rounded-lg w-full", __source: { fileName: "", lineNumber: 76, columnNumber: 11 }, __self: this }, "Generate Resume")))); }