function MainComponent() { const [currentPage, setCurrentPage] = React.useState('home'); const [selectedNursery, setSelectedNursery] = React.useState(null); const nurseries = [ { id: 1, name: 'Nursery 1', phone: '123-456-7890', address: '123 Main St, City', details: 'Beautiful nursery with a variety of plants.' }, { id: 2, name: 'Nursery 2', phone: '987-654-3210', address: '456 Elm St, City', details: 'Lovely nursery with a wide selection of flowers.' } ]; const handleNurseryClick = (nursery)=>{ setSelectedNursery(nursery); setCurrentPage('details'); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col items-center bg-[#f3f4f6] p-4", __source: { fileName: "", lineNumber: 15, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-crimson-text mb-4", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, "Nursery Database"), currentPage === 'home' && /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[600px] bg-white shadow-md rounded-lg p-6 mb-8", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-roboto mb-2", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, "Nurseries"), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, nurseries.map((nursery)=>/*#__PURE__*/ React.createElement("li", { key: nursery.id, className: "mb-2", __source: { fileName: "", lineNumber: 22, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "text-blue-500 font-roboto underline", onClick: ()=>handleNurseryClick(nursery), __source: { fileName: "", lineNumber: 23, columnNumber: 17 }, __self: this }, nursery.name), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-gray-700", __source: { fileName: "", lineNumber: 29, columnNumber: 17 }, __self: this }, "Phone: ", nursery.phone), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-gray-700", __source: { fileName: "", lineNumber: 30, columnNumber: 17 }, __self: this }, "Address: ", nursery.address))))), currentPage === 'details' && selectedNursery && /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[600px] bg-white shadow-md rounded-lg p-6", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-roboto mb-2", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, "Nursery Details"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-gray-700", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, "Name: ", selectedNursery.name), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-gray-700", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, "Phone: ", selectedNursery.phone), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-gray-700", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, "Address: ", selectedNursery.address), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-gray-700", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, "More Details: ", selectedNursery.details), /*#__PURE__*/ React.createElement("button", { className: "mt-4 text-blue-500 font-roboto underline", onClick: ()=>setCurrentPage('home'), __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, "Back to Home"))); }