function MainComponent() { const [arpu, setArpu] = React.useState(0); const [cpa, setCpa] = React.useState(0); return /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center h-screen", __source: { fileName: "", lineNumber: 6, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 rounded-lg shadow flex flex-col items-center w-[600px]", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-arial mb-4 text-center", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, "Parameter"), /*#__PURE__*/ React.createElement("div", { className: "w-full flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "arpu", className: "w-[70px] font-arial text-sm", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "ARPU [USD]"), /*#__PURE__*/ React.createElement("input", { type: "range", name: "arpu", min: "0", max: "100000", className: "w-full mx-2", value: arpu, onChange: (e)=>setArpu(e.target.value), __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "arpuValue", className: "w-[70px] font-arial text-[20px]", value: arpu, readOnly: true, __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-full flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "cpa", className: "w-[70px] font-arial text-sm", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, "CPA [USD]"), /*#__PURE__*/ React.createElement("input", { type: "range", name: "cpa", min: "0", max: "1000", className: "w-full mx-2", value: cpa, onChange: (e)=>setCpa(e.target.value), __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "cpaValue", className: "w-[70px] font-arial text-[20px]", value: cpa, readOnly: true, __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "bg-[#006400] text-white font-arial rounded p-2 hover:bg-[#004d00] transition duration-200", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, "OK"))); }