function MainComponent() { const [botStatus, setBotStatus] = React.useState('offline'); const [botLogs, setBotLogs] = React.useState([]); const [commandInput, setCommandInput] = React.useState(''); const [token, setToken] = React.useState(''); const handleCommandInput = (event)=>setCommandInput(event.target.value); const handleTokenInput = (event)=>setToken(event.target.value); const handleBotStart = ()=>{ if (token) { setBotStatus('online'); setBotLogs([ ...botLogs, 'Bot started' ]); } else { setBotLogs([ ...botLogs, 'Error: Token is required to start the bot' ]); } }; const handleBotStop = ()=>{ setBotStatus('offline'); setBotLogs([ ...botLogs, 'Bot stopped' ]); }; const handleSendCommand = (event)=>{ event.preventDefault(); setBotLogs([ ...botLogs, `Command sent: ${commandInput}` ]); setCommandInput(''); }; const botStatusLabel = botStatus === 'online' ? '🟢 Online' : botStatus === 'error' ? '🔴 Error' : '⚫ Offline'; const botInfo = botStatus === 'online' ? /*#__PURE__*/ React.createElement("div", { className: "text-sm text-green-500", __source: { fileName: "", lineNumber: 33, columnNumber: 5 }, __self: this }, "Bot is operating normally.") : /*#__PURE__*/ React.createElement("div", { className: "text-sm text-red-500", __source: { fileName: "", lineNumber: 34, columnNumber: 5 }, __self: this }, "Bot is not running."); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#36393F] text-white font-roboto flex flex-col p-4", __source: { fileName: "", lineNumber: 37, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "text-2xl mb-4", __source: { fileName: "", lineNumber: 38, columnNumber: 7 }, __self: this }, "Discord Bot Manager"), /*#__PURE__*/ React.createElement("section", { className: "flex-1", __source: { fileName: "", lineNumber: 39, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-4", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-lg mr-2", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, "Status:"), /*#__PURE__*/ React.createElement("span", { className: "text-lg", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, botStatusLabel)), /*#__PURE__*/ React.createElement("div", { className: "mb-4 grid grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", className: "bg-[#40444B] p-2 rounded w-full mb-4 text-white col-span-2", placeholder: "Enter Bot Token", name: "token", value: token, onChange: handleTokenInput, __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-[#5865F2] px-4 py-2 rounded", onClick: handleBotStart, __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, "Start Bot"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#ED4245] px-4 py-2 rounded", onClick: handleBotStop, __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, "Stop Bot"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#5865F2] px-4 py-2 rounded", __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }, "Pause Bot"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#5865F2] px-4 py-2 rounded", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }, "Resume Bot"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#5865F2] px-4 py-2 rounded", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, "Control Bot"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#5865F2] px-4 py-2 rounded", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, "Trigger Actions"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#5865F2] px-4 py-2 rounded", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, "Disable Bot"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#5865F2] px-4 py-2 rounded", __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, "Enable Bot"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#5865F2] px-4 py-2 rounded", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, "Change Role"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#5865F2] px-4 py-2 rounded", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }, "Change Name"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#5865F2] px-4 py-2 rounded", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }, "Change About"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#5865F2] px-4 py-2 rounded", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }, "Post Message"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#5865F2] px-4 py-2 rounded", __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }, "Manage Commands"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#5865F2] px-4 py-2 rounded", __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }, "Manage Triggers"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#5865F2] px-4 py-2 rounded", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }, "Manage Info"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#5865F2] px-4 py-2 rounded", __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }, "Control Client")), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSendCommand, className: "mb-4", __source: { fileName: "", lineNumber: 70, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", className: "bg-[#40444B] p-2 rounded w-full text-white", placeholder: "Enter Command", name: "command", value: commandInput, onChange: handleCommandInput, __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-[#57F287] px-4 py-2 rounded w-full mt-4", __source: { fileName: "", lineNumber: 79, columnNumber: 11 }, __self: this }, "Send Command"))), /*#__PURE__*/ React.createElement("section", { className: "flex flex-col mt-4 h-[200px] overflow-auto bg-[#2F3136] p-2 rounded", __source: { fileName: "", lineNumber: 84, columnNumber: 7 }, __self: this }, botInfo, botLogs.map((log, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "text-sm border-b border-[#202225] py-1", __source: { fileName: "", lineNumber: 87, columnNumber: 11 }, __self: this }, log)))); }