function MainComponent() { const [resumeData, setResumeData] = React.useState({ name: '', email: '', phone: '', linkedin: '', github: '', skills: '', experience: '', education: '' }); const handleInputChange = (event)=>{ const { name, value } = event.target; setResumeData((prevData)=>({ ...prevData, [name]: value })); }; const handleSubmit = (event)=>{ event.preventDefault(); // In a real-world app, here you would typically handle the form submission, // like sending data to a server or validating input. }; return /*#__PURE__*/ React.createElement("div", { className: "bg-[#121212] min-h-screen flex flex-col items-center justify-center p-4", __source: { fileName: "", lineNumber: 25, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto p-6 bg-[#0B0C10] rounded-md shadow-xl", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[#66FCF1] font-roboto text-3xl text-center mb-6", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, "Cyberpunk Curriculum Model"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", value: resumeData.name, onChange: handleInputChange, placeholder: "Full Name", className: "p-2 rounded bg-[#1F2833] text-[#C5C6C7] font-roboto placeholder-[#C5C6C7]", __source: { fileName: "", lineNumber: 32, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", value: resumeData.email, onChange: handleInputChange, placeholder: "Email", className: "p-2 rounded bg-[#1F2833] text-[#C5C6C7] font-roboto placeholder-[#C5C6C7]", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "phone", value: resumeData.phone, onChange: handleInputChange, placeholder: "Phone Number", className: "p-2 rounded bg-[#1F2833] text-[#C5C6C7] font-roboto placeholder-[#C5C6C7]", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "linkedin", value: resumeData.linkedin, onChange: handleInputChange, placeholder: "LinkedIn Profile", className: "p-2 rounded bg-[#1F2833] text-[#C5C6C7] font-roboto placeholder-[#C5C6C7]", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "github", value: resumeData.github, onChange: handleInputChange, placeholder: "GitHub Profile", className: "p-2 rounded bg-[#1F2833] text-[#C5C6C7] font-roboto placeholder-[#C5C6C7]", __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { name: "skills", value: resumeData.skills, onChange: handleInputChange, placeholder: "Skills", className: "p-2 rounded bg-[#1F2833] text-[#C5C6C7] font-roboto placeholder-[#C5C6C7] h-24 resize-none", __source: { fileName: "", lineNumber: 57, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("textarea", { name: "experience", value: resumeData.experience, onChange: handleInputChange, placeholder: "Professional Experience", className: "p-2 rounded bg-[#1F2833] text-[#C5C6C7] font-roboto placeholder-[#C5C6C7] h-36 resize-none w-full", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { name: "education", value: resumeData.education, onChange: handleInputChange, placeholder: "Education", className: "p-2 rounded bg-[#1F2833] text-[#C5C6C7] font-roboto placeholder-[#C5C6C7] h-36 resize-none w-full", __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 73, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-8 py-2 border-2 border-[#66FCF1] text-[#66FCF1] rounded font-bold hover:bg-[#66FCF1] hover:text-[#0B0C10] transition-colors duration-300", __source: { fileName: "", lineNumber: 74, columnNumber: 13 }, __self: this }, "Submit"))))); }