function MainComponent() { const [companyInfo, setCompanyInfo] = React.useState({ companyName: '', industry: '', location: '', founded: '', employees: 0 }); const handleChange = (e)=>{ const { name, value } = e.target; setCompanyInfo((prevState)=>({ ...prevState, [name]: value })); }; const handleSubmitCompanyInfo = (e)=>{ e.preventDefault(); console.log(companyInfo); // Ideally, here we would send this information to a server }; const [documentInfo, setDocumentInfo] = React.useState({ documentName: '', documentType: '' }); const handleDocumentChange = (e)=>{ const { name, value } = e.target; setDocumentInfo((prevState)=>({ ...prevState, [name]: value })); }; const handleSubmitDocument = (e)=>{ e.preventDefault(); console.log(documentInfo); // And here, the same would be done for document information }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center p-4", __source: { fileName: "", lineNumber: 42, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-4xl bg-[#F8F9FA] shadow-md rounded-lg p-6", __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-crimson-text text-xl text-[#333] mb-4", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, "Company Information"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmitCompanyInfo, __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#333] text-sm font-bold mb-2", htmlFor: "companyName", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, "Company Name"), /*#__PURE__*/ React.createElement("input", { className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight", type: "text", name: "companyName", id: "companyName", onChange: handleChange, value: companyInfo.companyName, __source: { fileName: "", lineNumber: 50, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#333] text-sm font-bold mb-2", htmlFor: "industry", __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }, "Industry"), /*#__PURE__*/ React.createElement("input", { className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight", type: "text", name: "industry", id: "industry", onChange: handleChange, value: companyInfo.industry, __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#333] text-sm font-bold mb-2", htmlFor: "location", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }, "Location"), /*#__PURE__*/ React.createElement("input", { className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight", type: "text", name: "location", id: "location", onChange: handleChange, value: companyInfo.location, __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#333] text-sm font-bold mb-2", htmlFor: "founded", __source: { fileName: "", lineNumber: 65, columnNumber: 13 }, __self: this }, "Founded"), /*#__PURE__*/ React.createElement("input", { className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight", type: "date", name: "founded", id: "founded", onChange: handleChange, value: companyInfo.founded, __source: { fileName: "", lineNumber: 68, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 70, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#333] text-sm font-bold mb-2", htmlFor: "employees", __source: { fileName: "", lineNumber: 71, columnNumber: 13 }, __self: this }, "Number of Employees"), /*#__PURE__*/ React.createElement("input", { className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight", type: "number", name: "employees", id: "employees", onChange: handleChange, value: companyInfo.employees, __source: { fileName: "", lineNumber: 74, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end", __source: { fileName: "", lineNumber: 76, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#007BFF] hover:bg-[#0056b3] text-white font-bold py-2 px-4 rounded", type: "submit", __source: { fileName: "", lineNumber: 77, columnNumber: 13 }, __self: this }, "Save")))), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-4xl bg-[#F8F9FA] shadow-md rounded-lg p-6 mt-8", __source: { fileName: "", lineNumber: 83, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-crimson-text text-xl text-[#333] mb-4", __source: { fileName: "", lineNumber: 84, columnNumber: 9 }, __self: this }, "Company Documents"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmitDocument, __source: { fileName: "", lineNumber: 85, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 86, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#333] text-sm font-bold mb-2", htmlFor: "documentName", __source: { fileName: "", lineNumber: 87, columnNumber: 13 }, __self: this }, "Document Name"), /*#__PURE__*/ React.createElement("input", { className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight", type: "text", name: "documentName", id: "documentName", onChange: handleDocumentChange, value: documentInfo.documentName, __source: { fileName: "", lineNumber: 90, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 92, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#333] text-sm font-bold mb-2", htmlFor: "documentType", __source: { fileName: "", lineNumber: 93, columnNumber: 13 }, __self: this }, "Document Type"), /*#__PURE__*/ React.createElement("select", { className: "shadow border rounded w-full py-2 px-3 text-gray-700", name: "documentType", id: "documentType", onChange: handleDocumentChange, value: documentInfo.documentType, __source: { fileName: "", lineNumber: 96, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 97, columnNumber: 15 }, __self: this }, "Select Type"), /*#__PURE__*/ React.createElement("option", { value: "financial", __source: { fileName: "", lineNumber: 98, columnNumber: 15 }, __self: this }, "Financial"), /*#__PURE__*/ React.createElement("option", { value: "legal", __source: { fileName: "", lineNumber: 99, columnNumber: 15 }, __self: this }, "Legal"), /*#__PURE__*/ React.createElement("option", { value: "marketing", __source: { fileName: "", lineNumber: 100, columnNumber: 15 }, __self: this }, "Marketing"))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end", __source: { fileName: "", lineNumber: 103, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#007BFF] hover:bg-[#0056b3] text-white font-bold py-2 px-4 rounded", type: "submit", __source: { fileName: "", lineNumber: 104, columnNumber: 13 }, __self: this }, "Upload"))))); }