function MainComponent() { const [selectedLivestock, setSelectedLivestock] = React.useState("Cattle"); let detailsContent; if (selectedLivestock === "Cattle") { detailsContent = /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold text-xl text-[#D97706] mb-2", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, "Cattle Details"), /*#__PURE__*/ React.createElement("p", { className: "text-[#555] mb-4", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, "Comprehensive health records and growth charts for each cattle.")); } else if (selectedLivestock === "Sheep") { detailsContent = /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold text-xl text-[#059669] mb-2", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, "Sheep Details"), /*#__PURE__*/ React.createElement("p", { className: "text-[#555] mb-4", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, "Detailed statistics on wool production and breeding cycles.")); } else if (selectedLivestock === "Poultry") { detailsContent = /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold text-xl text-[#3B82F6] mb-2", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, "Poultry Details"), /*#__PURE__*/ React.createElement("p", { className: "text-[#555] mb-4", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, "Analysis of egg production rates and feeding schedules.")); } const handleViewDetailsClick = (livestock)=>{ window.open(`/details/${livestock.toLowerCase()}`, '_blank'); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#F3F4F6] p-4", __source: { fileName: "", lineNumber: 30, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-4xl bg-white rounded-lg shadow-lg p-8", __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-[#333] mb-4", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, "Livestock Tracking Dashboard"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "p-6 bg-[#FFF7ED] border border-[#FED7AA] rounded-lg focus:outline-none", onClick: ()=>setSelectedLivestock("Cattle"), __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold text-xl text-[#D97706] mb-2", __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }, "Cattle"), /*#__PURE__*/ React.createElement("p", { className: "text-[#555] mb-4", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, "Track the health and status of your cattle."), /*#__PURE__*/ React.createElement("button", { className: "font-bold text-[#333] text-sm", onClick: ()=>handleViewDetailsClick('Cattle'), __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, "View Details")), /*#__PURE__*/ React.createElement("button", { className: "p-6 bg-[#ECFDF5] border border-[#A7F3D0] rounded-lg focus:outline-none", onClick: ()=>setSelectedLivestock("Sheep"), __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold text-xl text-[#059669] mb-2", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }, "Sheep"), /*#__PURE__*/ React.createElement("p", { className: "text-[#555] mb-4", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }, "Monitor your sheep’s grazing patterns."), /*#__PURE__*/ React.createElement("button", { className: "font-bold text-[#333] text-sm", onClick: ()=>handleViewDetailsClick('Sheep'), __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }, "View Details")), /*#__PURE__*/ React.createElement("button", { className: "p-6 bg-[#EFF6FF] border border-[#BFDBFE] rounded-lg focus:outline-none", onClick: ()=>setSelectedLivestock("Poultry"), __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold text-xl text-[#3B82F6] mb-2", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }, "Poultry"), /*#__PURE__*/ React.createElement("p", { className: "text-[#555] mb-4", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, "Keep an eye on your poultry's environment."), /*#__PURE__*/ React.createElement("button", { className: "font-bold text-[#333] text-sm", onClick: ()=>handleViewDetailsClick('Poultry'), __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, "View Details"))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#F9FAFB] p-6 rounded-lg mt-6", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, detailsContent), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mt-8", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-semibold text-lg text-[#333]", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, "Recent Activity")), /*#__PURE__*/ React.createElement("ul", { className: "list-none mt-4", __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "py-2 px-4 bg-[#F9FAFB] rounded-lg mb-3 flex items-center justify-between", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#6B7280]", __source: { fileName: "", lineNumber: 58, columnNumber: 13 }, __self: this }, "Medication administered to cattle #153"), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-[#9CA3AF]", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }, "Today 9:35 AM")), /*#__PURE__*/ React.createElement("li", { className: "py-2 px-4 bg-[#F9FAFB] rounded-lg mb-3 flex items-center justify-between", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#6B7280]", __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this }, "Sheep #201 sheared"), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-[#9CA3AF]", __source: { fileName: "", lineNumber: 63, columnNumber: 13 }, __self: this }, "Yesterday 2:48 PM")), /*#__PURE__*/ React.createElement("li", { className: "py-2 px-4 bg-[#F9FAFB] rounded-lg mb-3 flex items-center justify-between", __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#6B7280]", __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this }, "New poultry feed mix applied"), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-[#9CA3AF]", __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this }, "Yesterday 11:13 AM"))))); }