function MainComponent() { const [bonusAmount, setBonusAmount] = useState(""); const [wageringRequirement, setWageringRequirement] = useState(""); const [gameContribution, setGameContribution] = useState(""); const [totalPlaythrough, setTotalPlaythrough] = useState(0); useEffect(()=>{ const bonus = Number(bonusAmount) || 0; const wagering = Number(wageringRequirement) || 0; const contribution = Number(gameContribution) || 100; if (contribution === 0) { setTotalPlaythrough(0); return; } const basePlaythrough = bonus * wagering; const adjustedPlaythrough = basePlaythrough * 100 / contribution; setTotalPlaythrough(isNaN(adjustedPlaythrough) || !isFinite(adjustedPlaythrough) ? 0 : adjustedPlaythrough); }, [ bonusAmount, wageringRequirement, gameContribution ]); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-transparent text-white p-4 font-sans", __source: { fileName: "", lineNumber: 27, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-[500px] mx-auto", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#0a0f2c] rounded-2xl p-8 border border-[#ffd700]", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center mb-8", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/d85547ce-95f2-4270-b1d5-013738ec3dfe/-/format/auto/", alt: "Casino logo showing a crown and playing cards", className: "h-[80px] mb-4", __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h1", { className: "text-[#ffd700] text-[28px] font-bold", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, "Bonus Playthrough Calculator")), /*#__PURE__*/ React.createElement("div", { className: "space-y-5", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-white text-[15px] mb-1.5", __source: { fileName: "", lineNumber: 43, columnNumber: 15 }, __self: this }, "Bonus Amount"), /*#__PURE__*/ React.createElement("input", { type: "number", value: bonusAmount, onChange: (e)=>setBonusAmount(e.target.value), className: "w-full bg-[#141837] border border-[#ffd700] rounded-lg p-2.5 text-white text-[15px] placeholder-gray-400", placeholder: "Enter bonus amount", min: "0", __source: { fileName: "", lineNumber: 46, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-white text-[15px] mb-1.5", __source: { fileName: "", lineNumber: 57, columnNumber: 15 }, __self: this }, "Wagering Requirement"), /*#__PURE__*/ React.createElement("input", { type: "number", value: wageringRequirement, onChange: (e)=>setWageringRequirement(e.target.value), className: "w-full bg-[#141837] border border-[#ffd700] rounded-lg p-2.5 text-white text-[15px] placeholder-gray-400", placeholder: "Enter multiplier", min: "0", __source: { fileName: "", lineNumber: 60, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 70, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-white text-[15px] mb-1.5", __source: { fileName: "", lineNumber: 71, columnNumber: 15 }, __self: this }, "Game Contribution Percentage"), /*#__PURE__*/ React.createElement("input", { type: "number", value: gameContribution, onChange: (e)=>setGameContribution(e.target.value), className: "w-full bg-[#141837] border border-[#ffd700] rounded-lg p-2.5 text-white text-[15px] placeholder-gray-400", placeholder: "Enter game contribution percentage", min: "0", max: "100", __source: { fileName: "", lineNumber: 74, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "mt-6 bg-[#080c24] rounded-lg border border-[#ffd700]", __source: { fileName: "", lineNumber: 86, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "border-b border-[#ffd700] p-3", __source: { fileName: "", lineNumber: 87, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-[#ffd700] text-[18px] font-bold", __source: { fileName: "", lineNumber: 88, columnNumber: 15 }, __self: this }, "Results")), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 90, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between text-[15px]", __source: { fileName: "", lineNumber: 91, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 92, columnNumber: 17 }, __self: this }, "Amount You Need To Bet:"), /*#__PURE__*/ React.createElement("span", { className: "text-[#ffd700] font-bold", __source: { fileName: "", lineNumber: 93, columnNumber: 17 }, __self: this }, "$", totalPlaythrough.toFixed(2)))))))); }