function MainComponent() { const [currentView, setCurrentView] = React.useState('home'); const [entries, setEntries] = React.useState([]); const [description, setDescription] = React.useState(''); const [purchaseValue, setPurchaseValue] = React.useState(''); const [address, setAddress] = React.useState(''); const [city, setCity] = React.useState(''); const [isMenuOpen, setIsMenuOpen] = React.useState(true); const handleAddEntry = ()=>{ setEntries([ ...entries, { description, purchaseValue, address, city } ]); setDescription(''); setPurchaseValue(''); setAddress(''); setCity(''); }; const totalPurchaseValue = entries.reduce((acc, entry)=>acc + parseFloat(entry.purchaseValue), 0); return /*#__PURE__*/ React.createElement("div", { className: "font-roboto flex", __source: { fileName: "", lineNumber: 21, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `${isMenuOpen ? "w-1/4" : "w-20"} bg-[#f3f4f6] h-screen p-5 transition-all duration-300`, __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "absolute top-5 right-5", onClick: ()=>setIsMenuOpen(!isMenuOpen), __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${isMenuOpen ? "fa-angle-left" : "fa-bars"}`, __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("ul", { className: `space-y-4 ${!isMenuOpen ? "hidden" : "block"}`, __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "cursor-pointer", onClick: ()=>setCurrentView('home'), __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("li", { className: "cursor-pointer", onClick: ()=>setCurrentView('add'), __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, "Cadastro de Imóveis"), /*#__PURE__*/ React.createElement("li", { className: "cursor-pointer", onClick: ()=>setCurrentView('list'), __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, "Listar Imóveis"), /*#__PURE__*/ React.createElement("li", { className: "cursor-pointer", onClick: ()=>setCurrentView('expenses'), __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, "Despesas Imóveis"))), /*#__PURE__*/ React.createElement("div", { className: "w-3/4 py-8 px-12", __source: { fileName: "", lineNumber: 33, columnNumber: 7 }, __self: this }, currentView === 'home' && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold mb-4", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, "Resumo"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, "Quantidade de imóveis: ", entries.length), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }, "Valor total dos imóveis: R$ ", totalPurchaseValue.toFixed(2))), currentView === 'add' && /*#__PURE__*/ React.createElement("form", { __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-2", htmlFor: "description", __source: { fileName: "", lineNumber: 44, columnNumber: 15 }, __self: this }, "Descrição"), /*#__PURE__*/ React.createElement("input", { value: description, onChange: (e)=>setDescription(e.target.value), className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", type: "text", id: "description", name: "description", __source: { fileName: "", lineNumber: 45, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-2", htmlFor: "purchaseValue", __source: { fileName: "", lineNumber: 48, columnNumber: 15 }, __self: this }, "Valor de Compra"), /*#__PURE__*/ React.createElement("input", { value: purchaseValue, onChange: (e)=>setPurchaseValue(e.target.value), className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", type: "text", id: "purchaseValue", name: "purchaseValue", __source: { fileName: "", lineNumber: 49, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-2", htmlFor: "address", __source: { fileName: "", lineNumber: 52, columnNumber: 15 }, __self: this }, "Endereço"), /*#__PURE__*/ React.createElement("input", { value: address, onChange: (e)=>setAddress(e.target.value), className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", type: "text", id: "address", name: "address", __source: { fileName: "", lineNumber: 53, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-2", htmlFor: "city", __source: { fileName: "", lineNumber: 56, columnNumber: 15 }, __self: this }, "Cidade"), /*#__PURE__*/ React.createElement("input", { value: city, onChange: (e)=>setCity(e.target.value), className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", type: "text", id: "city", name: "city", __source: { fileName: "", lineNumber: 57, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: handleAddEntry, className: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline", type: "button", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }, "Adicionar")), currentView === 'list' && /*#__PURE__*/ React.createElement("div", { className: "overflow-x-auto", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "table-fixed w-full", __source: { fileName: "", lineNumber: 64, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 65, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { className: "bg-[#f3f4f6]", __source: { fileName: "", lineNumber: 66, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "w-1/4 px-4 py-2", __source: { fileName: "", lineNumber: 67, columnNumber: 19 }, __self: this }, "Descrição"), /*#__PURE__*/ React.createElement("th", { className: "w-1/4 px-4 py-2", __source: { fileName: "", lineNumber: 68, columnNumber: 19 }, __self: this }, "Valor de Compra"), /*#__PURE__*/ React.createElement("th", { className: "w-1/4 px-4 py-2", __source: { fileName: "", lineNumber: 69, columnNumber: 19 }, __self: this }, "Endereço"), /*#__PURE__*/ React.createElement("th", { className: "w-1/4 px-4 py-2", __source: { fileName: "", lineNumber: 70, columnNumber: 19 }, __self: this }, "Cidade"))), /*#__PURE__*/ React.createElement("tbody", { className: "bg-white", __source: { fileName: "", lineNumber: 73, columnNumber: 15 }, __self: this }, entries.map((entry, index)=>/*#__PURE__*/ React.createElement("tr", { key: index, className: "border-b", __source: { fileName: "", lineNumber: 75, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "px-4 py-2", __source: { fileName: "", lineNumber: 76, columnNumber: 21 }, __self: this }, entry.description), /*#__PURE__*/ React.createElement("td", { className: "px-4 py-2", __source: { fileName: "", lineNumber: 77, columnNumber: 21 }, __self: this }, entry.purchaseValue), /*#__PURE__*/ React.createElement("td", { className: "px-4 py-2", __source: { fileName: "", lineNumber: 78, columnNumber: 21 }, __self: this }, entry.address), /*#__PURE__*/ React.createElement("td", { className: "px-4 py-2", __source: { fileName: "", lineNumber: 79, columnNumber: 21 }, __self: this }, entry.city)))))))); }