function MainComponent() { const [deposit, setDeposit] = useState(""); const [bonusPercent, setBonusPercent] = useState(""); const [wageringMultiplier, setWageringMultiplier] = useState(""); const [gameContribution, setGameContribution] = useState(""); const [wageringType, setWageringType] = useState("bonus"); const calculateResults = ()=>{ const depositAmount = parseFloat(deposit) || 0; const bonusPercentage = parseFloat(bonusPercent) || 0; const wagering = parseFloat(wageringMultiplier) || 0; const contribution = parseFloat(gameContribution) || 0; const bonusMoney = depositAmount * bonusPercentage / 100; const totalPlayMoney = depositAmount + bonusMoney; // Calculate wagering amount based on selected type const baseForWagering = wageringType === "bonus" ? bonusMoney : totalPlayMoney; const wageringAmount = baseForWagering * wagering; const actualWageringAmount = contribution > 0 ? wageringAmount * 100 / contribution : wageringAmount; return { bonusMoney: bonusMoney.toFixed(2), totalPlayMoney: totalPlayMoney.toFixed(2), wageringAmount: wageringAmount.toFixed(2), actualWageringAmount: actualWageringAmount.toFixed(2) }; }; const results = calculateResults(); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen p-4 bg-transparent", __source: { fileName: "", lineNumber: 35, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto bg-[#0a0b1e] rounded-lg shadow-lg p-6 border border-[#ffd700]", __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mb-4", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/ad2da812-2c55-40ac-9702-80545738fbd0/-/format/auto/", alt: "Casino Logo", className: "h-24 w-auto", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-center mb-6 text-[#ffd700]", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, "Bonus Playthrough Calculator"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm mb-1 text-[#f4e4bc]", __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }, "Deposit Amount"), /*#__PURE__*/ React.createElement("input", { type: "number", value: deposit, onChange: (e)=>setDeposit(e.target.value), className: "w-full p-2 border rounded bg-[#1a1b3a] text-[#f4e4bc] border-[#ffd700]", placeholder: "Enter deposit amount", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm mb-1 text-[#f4e4bc]", __source: { fileName: "", lineNumber: 64, columnNumber: 13 }, __self: this }, "Deposit Bonus Percentage"), /*#__PURE__*/ React.createElement("input", { type: "number", value: bonusPercent, onChange: (e)=>setBonusPercent(e.target.value), className: "w-full p-2 border rounded bg-[#1a1b3a] text-[#f4e4bc] border-[#ffd700]", placeholder: "Enter bonus percentage", __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 76, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 77, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm mb-1 text-[#f4e4bc]", __source: { fileName: "", lineNumber: 78, columnNumber: 15 }, __self: this }, "Wagering Requirements"), /*#__PURE__*/ React.createElement("input", { type: "number", value: wageringMultiplier, onChange: (e)=>setWageringMultiplier(e.target.value), className: "w-full p-2 border rounded bg-[#1a1b3a] text-[#f4e4bc] border-[#ffd700]", placeholder: "Enter multiplier", __source: { fileName: "", lineNumber: 81, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-1/2", __source: { fileName: "", lineNumber: 89, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm mb-1 text-[#f4e4bc]", __source: { fileName: "", lineNumber: 90, columnNumber: 15 }, __self: this }, " "), /*#__PURE__*/ React.createElement("select", { value: wageringType, onChange: (e)=>setWageringType(e.target.value), className: "w-full p-2 border rounded bg-[#1a1b3a] text-[#f4e4bc] border-[#ffd700]", __source: { fileName: "", lineNumber: 93, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "bonus", __source: { fileName: "", lineNumber: 98, columnNumber: 17 }, __self: this }, "Bonus"), /*#__PURE__*/ React.createElement("option", { value: "deposit_bonus", __source: { fileName: "", lineNumber: 99, columnNumber: 17 }, __self: this }, "Deposit + Bonus")))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 104, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm mb-1 text-[#f4e4bc]", __source: { fileName: "", lineNumber: 105, columnNumber: 13 }, __self: this }, "Game Contribution Percentage"), /*#__PURE__*/ React.createElement("input", { type: "number", value: gameContribution, onChange: (e)=>setGameContribution(e.target.value), className: "w-full p-2 border rounded bg-[#1a1b3a] text-[#f4e4bc] border-[#ffd700]", placeholder: "Enter game contribution percentage", __source: { fileName: "", lineNumber: 108, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "mt-6 bg-[#1a1b3a] rounded border border-[#ffd700]", __source: { fileName: "", lineNumber: 118, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold p-3 border-b border-[#ffd700] text-[#ffd700]", __source: { fileName: "", lineNumber: 119, columnNumber: 11 }, __self: this }, "Results"), /*#__PURE__*/ React.createElement("div", { className: "p-3", __source: { fileName: "", lineNumber: 122, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between py-1", __source: { fileName: "", lineNumber: 123, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#f4e4bc]", __source: { fileName: "", lineNumber: 124, columnNumber: 15 }, __self: this }, "Free Bonus Money:"), /*#__PURE__*/ React.createElement("span", { className: "font-bold text-[#ffd700]", __source: { fileName: "", lineNumber: 125, columnNumber: 15 }, __self: this }, "$", results.bonusMoney)), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between py-1", __source: { fileName: "", lineNumber: 129, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#f4e4bc]", __source: { fileName: "", lineNumber: 130, columnNumber: 15 }, __self: this }, "Total Play Money:"), /*#__PURE__*/ React.createElement("span", { className: "font-bold text-[#ffd700]", __source: { fileName: "", lineNumber: 131, columnNumber: 15 }, __self: this }, "$", results.totalPlayMoney)), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between py-1", __source: { fileName: "", lineNumber: 135, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#f4e4bc]", __source: { fileName: "", lineNumber: 136, columnNumber: 15 }, __self: this }, "Amount to Wager:"), /*#__PURE__*/ React.createElement("span", { className: "font-bold text-[#ffd700]", __source: { fileName: "", lineNumber: 137, columnNumber: 15 }, __self: this }, "$", results.actualWageringAmount)))))); }