function MainComponent() { const [formData, setFormData] = useState({ name: "", email: "", password: "", userType: "student" }); const handleChange = (e)=>{ setFormData({ ...formData, [e.target.name]: e.target.value }); }; const handleSubmit = (e)=>{ e.preventDefault(); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-b from-blue-50 to-white", __source: { fileName: "", lineNumber: 21, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto pt-16 px-4", __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl shadow-lg p-8", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-[#1a237e] font-roboto text-center mb-8", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, "Sign Up"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { name: "name", type: "text", value: formData.name, onChange: handleChange, className: "w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-blue-500 focus:border-transparent font-roboto", placeholder: "Full Name", required: true, __source: { fileName: "", lineNumber: 30, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { name: "email", type: "email", value: formData.email, onChange: handleChange, className: "w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-blue-500 focus:border-transparent font-roboto", placeholder: "Email Address", required: true, __source: { fileName: "", lineNumber: 42, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { name: "password", type: "password", value: formData.password, onChange: handleChange, className: "w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-blue-500 focus:border-transparent font-roboto", placeholder: "Password", required: true, __source: { fileName: "", lineNumber: 54, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 65, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>setFormData({ ...formData, userType: "student" }), className: `flex-1 py-3 px-4 rounded-lg font-roboto transition-colors ${formData.userType === "student" ? "bg-[#1a237e] text-white" : "bg-white border border-gray-300 text-gray-700 hover:bg-gray-50"}`, __source: { fileName: "", lineNumber: 66, columnNumber: 15 }, __self: this }, "Student"), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>setFormData({ ...formData, userType: "employer" }), className: `flex-1 py-3 px-4 rounded-lg font-roboto transition-colors ${formData.userType === "employer" ? "bg-[#1a237e] text-white" : "bg-white border border-gray-300 text-gray-700 hover:bg-gray-50"}`, __source: { fileName: "", lineNumber: 80, columnNumber: 15 }, __self: this }, "Employer")), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full py-3 bg-[#1a237e] text-white rounded-lg font-roboto hover:bg-[#141a5c] transition-colors", __source: { fileName: "", lineNumber: 95, columnNumber: 13 }, __self: this }, "Sign Up")), /*#__PURE__*/ React.createElement("p", { className: "mt-6 text-center text-gray-600 font-roboto", __source: { fileName: "", lineNumber: 103, columnNumber: 11 }, __self: this }, "Already have an account?", " ", /*#__PURE__*/ React.createElement("a", { href: "/login", className: "text-[#1a237e] hover:underline", __source: { fileName: "", lineNumber: 105, columnNumber: 13 }, __self: this }, "Log in"))))); }