function MainComponent() { const [isLoading, setIsLoading] = useState(true); useEffect(()=>{ setTimeout(()=>setIsLoading(false), 1000); }, []); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#121212] p-4 font-roboto text-white", __source: { fileName: "", lineNumber: 9, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid gap-4", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1E1E1E] rounded-lg p-4", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-4", __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this }, "Mining Status Overview"), isLoading ? /*#__PURE__*/ React.createElement("div", { className: "animate-pulse h-40 bg-[#2A2A2A] rounded", __source: { fileName: "", lineNumber: 15, columnNumber: 15 }, __self: this }) : /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 17, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 18, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 19, columnNumber: 19 }, __self: this }, "Total Hashrate:"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 20, columnNumber: 19 }, __self: this }, "245.8 MH/s")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 22, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 23, columnNumber: 19 }, __self: this }, "Active Workers:"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 24, columnNumber: 19 }, __self: this }, "12/15")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 26, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 27, columnNumber: 19 }, __self: this }, "24h Revenue:"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 28, columnNumber: 19 }, __self: this }, "0.0045 BTC")))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1E1E1E] rounded-lg p-4", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-4", __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }, "Alert Panel"), isLoading ? /*#__PURE__*/ React.createElement("div", { className: "animate-pulse h-40 bg-[#2A2A2A] rounded", __source: { fileName: "", lineNumber: 37, columnNumber: 15 }, __self: this }) : /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 39, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center text-yellow-500", __source: { fileName: "", lineNumber: 40, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-triangle mr-2", __source: { fileName: "", lineNumber: 41, columnNumber: 19 }, __self: this }), "Worker #5 Underperforming"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center text-green-500", __source: { fileName: "", lineNumber: 44, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle mr-2", __source: { fileName: "", lineNumber: 45, columnNumber: 19 }, __self: this }), "Network Connection Stable")))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1E1E1E] rounded-lg p-4", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-4", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, "Detailed Metrics"), isLoading ? /*#__PURE__*/ React.createElement("div", { className: "animate-pulse h-40 bg-[#2A2A2A] rounded", __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this }) : /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 58, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 59, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl", __source: { fileName: "", lineNumber: 60, columnNumber: 17 }, __self: this }, "98.5%"), /*#__PURE__*/ React.createElement("div", { className: "text-gray-400", __source: { fileName: "", lineNumber: 61, columnNumber: 17 }, __self: this }, "Uptime")), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 63, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl", __source: { fileName: "", lineNumber: 64, columnNumber: 17 }, __self: this }, "62°C"), /*#__PURE__*/ React.createElement("div", { className: "text-gray-400", __source: { fileName: "", lineNumber: 65, columnNumber: 17 }, __self: this }, "Avg Temp")), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 67, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl", __source: { fileName: "", lineNumber: 68, columnNumber: 17 }, __self: this }, "850W"), /*#__PURE__*/ React.createElement("div", { className: "text-gray-400", __source: { fileName: "", lineNumber: 69, columnNumber: 17 }, __self: this }, "Power Usage")))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 75, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1E1E1E] rounded-lg p-4", __source: { fileName: "", lineNumber: 76, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-4", __source: { fileName: "", lineNumber: 77, columnNumber: 13 }, __self: this }, "Worker Details"), isLoading ? /*#__PURE__*/ React.createElement("div", { className: "animate-pulse h-80 bg-[#2A2A2A] rounded", __source: { fileName: "", lineNumber: 79, columnNumber: 15 }, __self: this }) : /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 81, columnNumber: 15 }, __self: this }, [ 1, 2, 3 ].map((worker)=>/*#__PURE__*/ React.createElement("div", { key: worker, className: "flex items-center justify-between border-b border-[#2A2A2A] pb-2", __source: { fileName: "", lineNumber: 83, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 87, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 88, columnNumber: 23 }, __self: this }, "Worker #", worker), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 89, columnNumber: 23 }, __self: this }, "RTX 3080")), /*#__PURE__*/ React.createElement("div", { className: "text-right", __source: { fileName: "", lineNumber: 91, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 92, columnNumber: 23 }, __self: this }, "82.5 MH/s"), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-green-500", __source: { fileName: "", lineNumber: 93, columnNumber: 23 }, __self: this }, "Active")))))), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 101, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1E1E1E] rounded-lg p-4", __source: { fileName: "", lineNumber: 102, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-4", __source: { fileName: "", lineNumber: 103, columnNumber: 15 }, __self: this }, "Profitability Calculator"), isLoading ? /*#__PURE__*/ React.createElement("div", { className: "animate-pulse h-32 bg-[#2A2A2A] rounded", __source: { fileName: "", lineNumber: 105, columnNumber: 17 }, __self: this }) : /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 107, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 108, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 109, columnNumber: 21 }, __self: this }, "Daily Estimate:"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 110, columnNumber: 21 }, __self: this }, "$45.82")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 112, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 113, columnNumber: 21 }, __self: this }, "Monthly Estimate:"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 114, columnNumber: 21 }, __self: this }, "$1,374.60")))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1E1E1E] rounded-lg p-4", __source: { fileName: "", lineNumber: 120, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-4", __source: { fileName: "", lineNumber: 121, columnNumber: 15 }, __self: this }, "Performance Chart"), isLoading ? /*#__PURE__*/ React.createElement("div", { className: "animate-pulse h-40 bg-[#2A2A2A] rounded", __source: { fileName: "", lineNumber: 123, columnNumber: 17 }, __self: this }) : /*#__PURE__*/ React.createElement("div", { className: "h-40 flex items-center justify-center border-b border-l border-[#2A2A2A]", __source: { fileName: "", lineNumber: 125, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chart-line text-4xl text-blue-500", __source: { fileName: "", lineNumber: 126, columnNumber: 19 }, __self: this }))))))); }