function MainComponent() { const [crypto1, setCrypto1] = React.useState(''); const [crypto2, setCrypto2] = React.useState(''); const handleCrypto1Change = (event)=>setCrypto1(event.target.value); const handleCrypto2Change = (event)=>setCrypto2(event.target.value); const checkArbitrageOpportunity = ()=>{ // Logic to check arbitrage opportunity would go here }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#0d1117] text-[#c9d1d9] p-4", __source: { fileName: "", lineNumber: 10, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-roboto mb-6", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, "Arbitrage Robot 🤖"), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "bg-[#161b22] shadow-md rounded px-8 pt-6 pb-8 mb-4", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#c9d1d9] text-sm font-roboto mb-2", htmlFor: "crypto1", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }, "Crypto 1"), /*#__PURE__*/ React.createElement("input", { name: "crypto1", className: "shadow appearance-none border rounded w-full py-2 px-3 text-[#0d1117] leading-tight focus:outline-none focus:shadow-outline", id: "crypto1", type: "text", value: crypto1, onChange: handleCrypto1Change, __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#c9d1d9] text-sm font-roboto mb-2", htmlFor: "crypto2", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, "Crypto 2"), /*#__PURE__*/ React.createElement("input", { name: "crypto2", className: "shadow appearance-none border rounded w-full py-2 px-3 text-[#0d1117] leading-tight focus:outline-none focus:shadow-outline", id: "crypto2", type: "text", value: crypto2, onChange: handleCrypto2Change, __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#238636] hover:bg-[#2ea043] text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline", type: "button", onClick: checkArbitrageOpportunity, __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }, "Check Arbitrage"))))); }