function MainComponent() { const [user, setUser] = React.useState({ email: '', password: '', confirmPassword: '', name: '' }); const [proposals, setProposals] = React.useState([]); const [selectedTemplate, setSelectedTemplate] = React.useState(''); const [proposalStatuses, setProposalStatuses] = React.useState([]); const [mediaFiles, setMediaFiles] = React.useState([]); const [collaborators, setCollaborators] = React.useState([]); const [analytics, setAnalytics] = React.useState([]); const handleRegister = (e)=>{ e.preventDefault(); }; const handleProfileSave = (e)=>{ e.preventDefault(); }; const handleSelectTemplate = (template)=>{ setSelectedTemplate(template); }; const handleSaveProposal = (proposal, status = 'draft')=>{ setProposals([ ...proposals, proposal ]); setProposalStatuses([ ...proposalStatuses, status ]); }; const addMediaFile = (file)=>{ setMediaFiles([ ...mediaFiles, file ]); }; const addCollaborator = (email)=>{ setCollaborators([ ...collaborators, email ]); }; const fetchAnalytics = ()=>{ // Placeholder API call to fetch analytics data setAnalytics([ { name: 'Sessions', value: 1200 }, { name: 'Bounce Rate', value: '45%' } ]); }; React.useEffect(()=>{ fetchAnalytics(); }, []); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 font-roboto", __source: { fileName: "", lineNumber: 48, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#4a90e2] p-4", __source: { fileName: "", lineNumber: 49, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-white text-3xl text-center", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, "Proposal Automation for Educational Companies")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mt-8", __source: { fileName: "", lineNumber: 52, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-lg rounded-lg w-[90%] md:w-[60%] p-8", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl mb-4 text-center", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, "User Registration"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleRegister, __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "block text-gray-700", __source: { fileName: "", lineNumber: 57, columnNumber: 15 }, __self: this }, "Email:"), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", id: "email", className: "w-full p-2 border rounded", value: user.email, onChange: (e)=>setUser({ ...user, email: e.target.value }), __source: { fileName: "", lineNumber: 58, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "password", className: "block text-gray-700", __source: { fileName: "", lineNumber: 68, columnNumber: 15 }, __self: this }, "Password:"), /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", id: "password", className: "w-full p-2 border rounded", value: user.password, onChange: (e)=>setUser({ ...user, password: e.target.value }), __source: { fileName: "", lineNumber: 69, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 78, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "confirmPassword", className: "block text-gray-700", __source: { fileName: "", lineNumber: 79, columnNumber: 15 }, __self: this }, "Confirm Password:"), /*#__PURE__*/ React.createElement("input", { type: "password", name: "confirmPassword", id: "confirmPassword", className: "w-full p-2 border rounded", value: user.confirmPassword, onChange: (e)=>setUser({ ...user, confirmPassword: e.target.value }), __source: { fileName: "", lineNumber: 80, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-[#4a90e2] text-white p-2 rounded mt-4", __source: { fileName: "", lineNumber: 89, columnNumber: 13 }, __self: this }, "Register")))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mt-8", __source: { fileName: "", lineNumber: 94, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-lg rounded-lg w-[90%] md:w-[60%] p-8", __source: { fileName: "", lineNumber: 95, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl mb-4 text-center", __source: { fileName: "", lineNumber: 96, columnNumber: 11 }, __self: this }, "Profile Setup"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleProfileSave, __source: { fileName: "", lineNumber: 97, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 98, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "name", className: "block text-gray-700", __source: { fileName: "", lineNumber: 99, columnNumber: 15 }, __self: this }, "Name:"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", id: "name", className: "w-full p-2 border rounded", value: user.name, onChange: (e)=>setUser({ ...user, name: e.target.value }), __source: { fileName: "", lineNumber: 100, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-[#4a90e2] text-white p-2 rounded mt-4", __source: { fileName: "", lineNumber: 109, columnNumber: 13 }, __self: this }, "Save Profile")))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mt-8", __source: { fileName: "", lineNumber: 114, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-lg rounded-lg w-[90%] md:w-[60%] p-8", __source: { fileName: "", lineNumber: 115, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl mb-4 text-center", __source: { fileName: "", lineNumber: 116, columnNumber: 11 }, __self: this }, "Proposal Templates"), /*#__PURE__*/ React.createElement("div", { className: "grid gap-4", __source: { fileName: "", lineNumber: 117, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 border rounded cursor-pointer hover:bg-gray-50", onClick: ()=>handleSelectTemplate('Educational Partnership Template'), __source: { fileName: "", lineNumber: 118, columnNumber: 13 }, __self: this }, "Educational Partnership Template"), /*#__PURE__*/ React.createElement("div", { className: "p-4 border rounded cursor-pointer hover:bg-gray-50", onClick: ()=>handleSelectTemplate('Funding Proposal Template'), __source: { fileName: "", lineNumber: 119, columnNumber: 13 }, __self: this }, "Funding Proposal Template")))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mt-8", __source: { fileName: "", lineNumber: 124, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-lg rounded-lg w-[90%] md:w-[60%] p-8", __source: { fileName: "", lineNumber: 125, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl mb-4 text-center", __source: { fileName: "", lineNumber: 126, columnNumber: 11 }, __self: this }, "Manage Proposals"), /*#__PURE__*/ React.createElement("div", { className: "grid gap-4", __source: { fileName: "", lineNumber: 127, columnNumber: 11 }, __self: this }, proposals.map((proposal, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "p-4 border rounded cursor-pointer hover:bg-gray-50", __source: { fileName: "", lineNumber: 129, columnNumber: 15 }, __self: this }, proposal, " - Status: ", proposalStatuses[index]))))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mt-8", __source: { fileName: "", lineNumber: 137, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-lg rounded-lg w-[90%] md:w-[60%] p-8", __source: { fileName: "", lineNumber: 138, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl mb-4 text-center", __source: { fileName: "", lineNumber: 139, columnNumber: 11 }, __self: this }, "Content Library"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 140, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "file", name: "media", className: "w-full mb-4 p-2 border rounded", onChange: (e)=>addMediaFile(e.target.files[0].name), __source: { fileName: "", lineNumber: 141, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "grid gap-4", __source: { fileName: "", lineNumber: 148, columnNumber: 11 }, __self: this }, mediaFiles.map((file, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "p-4 border rounded cursor-pointer hover:bg-gray-50", __source: { fileName: "", lineNumber: 150, columnNumber: 15 }, __self: this }, file))))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mt-8", __source: { fileName: "", lineNumber: 158, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-lg rounded-lg w-[90%] md:w-[60%] p-8", __source: { fileName: "", lineNumber: 159, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl mb-4 text-center", __source: { fileName: "", lineNumber: 160, columnNumber: 11 }, __self: this }, "Collaboration Tools"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 161, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", name: "collaborator", className: "w-full p-2 border rounded", placeholder: "Collaborator Email", onKeyDown: (e)=>e.key === 'Enter' && addCollaborator(e.target.value), __source: { fileName: "", lineNumber: 162, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "grid gap-4", __source: { fileName: "", lineNumber: 170, columnNumber: 11 }, __self: this }, collaborators.map((collaborator, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "p-4 border rounded cursor-pointer hover:bg-gray-50", __source: { fileName: "", lineNumber: 172, columnNumber: 15 }, __self: this }, collaborator))))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mt-8", __source: { fileName: "", lineNumber: 180, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-lg rounded-lg w-[90%] md:w-[60%] p-8", __source: { fileName: "", lineNumber: 181, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl mb-4 text-center", __source: { fileName: "", lineNumber: 182, columnNumber: 11 }, __self: this }, "Performance Analytics"), /*#__PURE__*/ React.createElement("div", { className: "grid gap-4", __source: { fileName: "", lineNumber: 183, columnNumber: 11 }, __self: this }, analytics.map((data, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "p-4 border rounded cursor-pointer hover:bg-gray-50", __source: { fileName: "", lineNumber: 185, columnNumber: 15 }, __self: this }, data.name, ": ", data.value))))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mt-8 mb-8", __source: { fileName: "", lineNumber: 193, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-lg rounded-lg w-[90%] md:w-[60%] p-8", __source: { fileName: "", lineNumber: 194, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl mb-4 text-center", __source: { fileName: "", lineNumber: 195, columnNumber: 11 }, __self: this }, "Legal and Contractual Templates"), /*#__PURE__*/ React.createElement("div", { className: "grid gap-4", __source: { fileName: "", lineNumber: 196, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 border rounded cursor-pointer hover:bg-gray-50", __source: { fileName: "", lineNumber: 197, columnNumber: 13 }, __self: this }, "Template 1"), /*#__PURE__*/ React.createElement("div", { className: "p-4 border rounded cursor-pointer hover:bg-gray-50", __source: { fileName: "", lineNumber: 198, columnNumber: 13 }, __self: this }, "Template 2"))))); }