function MainComponent() { const [timeSheet, setTimeSheet] = React.useState(""); const [newProject, setNewProject] = React.useState(""); const [crn, setCrn] = React.useState(""); const handleTimeSheetChange = (event)=>{ setTimeSheet(event.target.value); }; const handleNewProjectChange = (event)=>{ setNewProject(event.target.value); }; const handleCrnChange = (event)=>{ setCrn(event.target.value); }; const handleSubmit = (event)=>{ event.preventDefault(); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f3f4f6]", __source: { fileName: "", lineNumber: 23, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-start w-full max-w-4xl p-4 bg-white shadow-md", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "mb-8 text-2xl font-bold font-roboto", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, "Project Management"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "w-full", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "timeSheet", className: "block mb-2 text-lg font-roboto", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, "Time Sheet"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "timeSheet", name: "timeSheet", value: timeSheet, onChange: handleTimeSheetChange, className: "w-full px-3 py-2 border rounded-md", placeholder: "Enter time sheet details...", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "newProject", className: "block mb-2 text-lg font-roboto", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, "New Project Title"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "newProject", name: "newProject", value: newProject, onChange: handleNewProjectChange, className: "w-full px-3 py-2 border rounded-md", placeholder: "Enter project title...", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "crn", className: "block mb-2 text-lg font-roboto", __source: { fileName: "", lineNumber: 58, columnNumber: 13 }, __self: this }, "CRN"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "crn", name: "crn", value: crn, onChange: handleCrnChange, className: "w-full px-3 py-2 border rounded-md", placeholder: "Enter CRN...", __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-6 py-3 text-white bg-blue-500 rounded-md font-roboto hover:bg-blue-600", __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }, "Create Project")))); }