function MainComponent() { const [userMessage, setUserMessage] = React.useState(''); const [userBet, setUserBet] = React.useState(''); const [balance, setBalance] = React.useState(1000); const [betResult, setBetResult] = React.useState(null); const placeBet = async ()=>{ if (!userMessage.trim() || isNaN(userBet) || Number(userBet) <= 0 || Number(userBet) > balance) { setBetResult('Please enter a valid bet amount.'); return; } setBalance((prev)=>prev - Number(userBet)); setBetResult(null); const win = Math.random() < 0.5; if (win) { setBalance((prev)=>prev + Number(userBet) * 2); setBetResult(`🎉 Congratulations! You won ${userBet * 2} Robux!`); } else { setBetResult('😞 Sorry! You lost the bet.'); } setUserMessage(''); setUserBet(''); }; const handleUserMessageChange = (event)=>{ setUserMessage(event.target.value); }; const handleUserBetChange = (event)=>{ setUserBet(event.target.value); }; const handleBetSubmit = (event)=>{ event.preventDefault(); // Simulating a request timeout setBetResult('Request timed out.'); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col h-screen bg-[#1F2937] text-white", __source: { fileName: "", lineNumber: 41, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 text-3xl font-bold border-b border-gray-800", __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, "Roblox Casino"), /*#__PURE__*/ React.createElement("div", { className: "text-right", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, "Balance: "), /*#__PURE__*/ React.createElement("span", { className: "font-roboto", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, balance, " Robux"))), /*#__PURE__*/ React.createElement("div", { className: "flex-grow flex items-center justify-center", __source: { fileName: "", lineNumber: 49, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleBetSubmit, className: "text-center", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "betAmount", className: "block text-lg font-roboto mb-2", __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }, "Place Your Bet (Robux)"), /*#__PURE__*/ React.createElement("input", { name: "betAmount", type: "number", className: "text-black w-40 p-2 border-2 border-gray-400 rounded font-roboto", value: userBet, onChange: handleUserBetChange, placeholder: "0", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this })), betResult && /*#__PURE__*/ React.createElement("div", { className: "mb-4 p-2 border rounded bg-[#4A5568]", __source: { fileName: "", lineNumber: 64, columnNumber: 25 }, __self: this }, betResult), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-500 px-4 py-2 rounded font-roboto", __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }, "Bet"))), /*#__PURE__*/ React.createElement("div", { className: "flex-none p-4", __source: { fileName: "", lineNumber: 70, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { name: "chatMessage", type: "text", className: "w-full p-2 border-2 border-gray-400 rounded-l font-roboto", value: userMessage, onChange: handleUserMessageChange, placeholder: "Chat...", __source: { fileName: "", lineNumber: 71, columnNumber: 9 }, __self: this }))); }