function MainComponent() { const [bet, setBet] = React.useState(''); const [amount, setAmount] = React.useState(''); const handleBetChange = (event)=>{ setBet(event.target.value); }; const handleAmountChange = (event)=>{ setAmount(event.target.value); }; const handleSubmit = (event)=>{ event.preventDefault(); // Process the bet submission (not implemented) }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f0f2f5] p-4", __source: { fileName: "", lineNumber: 19, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-bold text-3xl text-[#121212] mb-8", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }, "Place Your Bet"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "w-full max-w-md space-y-6", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "bet", className: "mb-2 font-medium text-xl text-[#121212]", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "Your Bet"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "bet", name: "bet", value: bet, onChange: handleBetChange, className: "border-2 border-[#dcdcdc] px-4 py-2 rounded-md font-roboto", placeholder: "e.g., Team A vs Team B", required: true, __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "amount", className: "mb-2 font-medium text-xl text-[#121212]", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, "Bet Amount"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "amount", name: "amount", value: amount, onChange: handleAmountChange, className: "border-2 border-[#dcdcdc] px-4 py-2 rounded-md font-roboto", placeholder: "e.g., $100", required: true, min: "1", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-[#28a745] text-white font-bold py-2 px-4 rounded-md hover:bg-[#218838] transition-colors", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, "Place Bet")), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 60, columnNumber: 7 }, __self: this }, ` body { font-family: 'Roboto', sans-serif; } `)); }