function MainComponent() { const [weather, setWeather] = React.useState(null); const [cropHealthAdvice, setCropHealthAdvice] = React.useState(null); const [pestControlAdvice, setPestControlAdvice] = React.useState(null); const [marketplaceItems, setMarketplaceItems] = React.useState([]); React.useEffect(()=>{}, []); const handleWeatherSearch = (event)=>{ event.preventDefault(); const location = event.target.elements.location.value; }; const handleCropHealthAdvice = ()=>{ setCropHealthAdvice("Crop health is good. No actions needed."); }; const handlePestControlAdvice = ()=>{ setPestControlAdvice("No pest activity detected."); }; const handleAddToMarketplace = (event)=>{ event.preventDefault(); const { title, price } = event.target.elements; const newItem = { title: title.value, price: price.value }; setMarketplaceItems((prevItems)=>[ ...prevItems, newItem ]); }; const handleRemoveFromMarketplace = (index)=>{ setMarketplaceItems((prevItems)=>prevItems.filter((_, i)=>i !== index)); }; let weatherSection = weather && /*#__PURE__*/ React.createElement("div", { className: "border p-4 m-2 w-full max-w-md", __source: { fileName: "", lineNumber: 27, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-2", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, "Weather Update"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }, weather.details)); let cropHealthAdviceSection = cropHealthAdvice && /*#__PURE__*/ React.createElement("div", { className: "border p-4 m-2 w-full max-w-md", __source: { fileName: "", lineNumber: 33, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-2", __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, "Crop Health"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, cropHealthAdvice)); let pestControlAdviceSection = pestControlAdvice && /*#__PURE__*/ React.createElement("div", { className: "border p-4 m-2 w-full max-w-md", __source: { fileName: "", lineNumber: 39, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-2", __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this }, "Pest Control Advice"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 41, columnNumber: 7 }, __self: this }, pestControlAdvice)); let marketplaceItemsSection = marketplaceItems.map((item, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "border p-4 m-2 flex justify-between items-center", __source: { fileName: "", lineNumber: 45, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 46, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg", __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }, item.title), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }, "Price: ₹", item.price)), /*#__PURE__*/ React.createElement("button", { className: "border px-4 py-2 bg-[#f44336] text-white", onClick: ()=>handleRemoveFromMarketplace(index), __source: { fileName: "", lineNumber: 50, columnNumber: 7 }, __self: this }, "Remove"))); return /*#__PURE__*/ React.createElement("div", { className: "font-roboto flex flex-col items-center justify-center min-h-screen bg-[#f6f7eb] text-[#333]", __source: { fileName: "", lineNumber: 54, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl md:text-4xl my-4", __source: { fileName: "", lineNumber: 55, columnNumber: 7 }, __self: this }, "Indian Farmer's Tech Companion"), /*#__PURE__*/ React.createElement("form", { className: "w-full max-w-md", onSubmit: handleWeatherSearch, __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "border p-2 m-2 w-full", type: "text", name: "location", placeholder: "Enter your location", required: true, __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "border px-4 py-2 bg-[#4CAF50] text-white", type: "submit", __source: { fileName: "", lineNumber: 58, columnNumber: 9 }, __self: this }, "Check Weather")), weatherSection, /*#__PURE__*/ React.createElement("button", { className: "border px-4 py-2 m-2 bg-[#ffc107] text-white", onClick: handleCropHealthAdvice, __source: { fileName: "", lineNumber: 61, columnNumber: 7 }, __self: this }, "Get Crop Health Advice"), cropHealthAdviceSection, /*#__PURE__*/ React.createElement("button", { className: "border px-4 py-2 m-2 bg-[#ff5722] text-white", onClick: handlePestControlAdvice, __source: { fileName: "", lineNumber: 63, columnNumber: 7 }, __self: this }, "Get Pest Control Advice"), pestControlAdviceSection, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl my-4", __source: { fileName: "", lineNumber: 65, columnNumber: 7 }, __self: this }, "Marketplace"), /*#__PURE__*/ React.createElement("form", { className: "w-full max-w-md mb-4", onSubmit: handleAddToMarketplace, __source: { fileName: "", lineNumber: 66, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "border p-2 m-2 w-full", type: "text", name: "title", placeholder: "Item title", required: true, __source: { fileName: "", lineNumber: 67, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "border p-2 m-2 w-full", type: "number", name: "price", placeholder: "Price (₹)", required: true, __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "border px-4 py-2 bg-[#2196F3] text-white", type: "submit", __source: { fileName: "", lineNumber: 69, columnNumber: 9 }, __self: this }, "Add to Marketplace")), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-3xl", __source: { fileName: "", lineNumber: 71, columnNumber: 7 }, __self: this }, marketplaceItemsSection), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 74, columnNumber: 7 }, __self: this }, ` @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } body { animation: fadeIn 1s ease-in-out; } `)); }