function MainComponent() { const [state, setState] = React.useState({ currentJetPosition: '', currentMultiplier: '', currentStatus: 'Waiting', previousFlights: [] }); const currentJetPosition = state.currentJetPosition ? /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 9, columnNumber: 5 }, __self: this }, "Jet Position:", /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 9, columnNumber: 60 }, __self: this }, state.currentJetPosition)) : /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#121212] italic", __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, "Jet not in flight"); const currentMultiplier = state.currentMultiplier ? /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }, "Multiplier: ", /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 14, columnNumber: 59 }, __self: this }, state.currentMultiplier, "x")) : null; const currentStatus = /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 17, columnNumber: 5 }, __self: this }, "Flight Status: ", /*#__PURE__*/ React.createElement("span", { className: `font-bold ${state.currentStatus === 'In Flight' ? 'text-green-500' : 'text-red-500'}`, __source: { fileName: "", lineNumber: 18, columnNumber: 22 }, __self: this }, state.currentStatus)); const previousFlights = state.previousFlights.length > 0 ? /*#__PURE__*/ React.createElement("ul", { className: "space-y-2", __source: { fileName: "", lineNumber: 24, columnNumber: 5 }, __self: this }, state.previousFlights.map((flight, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "flex justify-between items-center bg-[#eaf2f1] p-3 rounded-lg", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, "Flight #", flight.id), /*#__PURE__*/ React.createElement("span", { className: `font-roboto text-[#121212] font-bold ${flight.multiplier >= 2 ? 'text-green-500' : 'text-red-500'}`, __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, flight.multiplier, "x")))) : /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#121212] italic", __source: { fileName: "", lineNumber: 35, columnNumber: 5 }, __self: this }, "No previous flights"); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f4f7f6] flex flex-col items-center justify-center", __source: { fileName: "", lineNumber: 38, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-2xl mx-auto p-6 bg-white shadow-lg rounded-lg", __source: { fileName: "", lineNumber: 39, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-semibold font-roboto text-[#121212] mb-6 text-center", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, "Lucky Jet Flight Tracker"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row md:space-x-4 space-y-4 md:space-y-0", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "md:w-1/2 bg-[#e3e5e5] rounded-lg p-4", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-roboto text-[#121212] mb-4", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }, "Current Flight"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col space-y-2", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, currentJetPosition, currentMultiplier, currentStatus)), /*#__PURE__*/ React.createElement("div", { className: "md:w-1/2 bg-[#e3e5e5] rounded-lg p-4", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-roboto text-[#121212] mb-4", __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }, "Take a Bet"), /*#__PURE__*/ React.createElement("form", { __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col space-y-2", __source: { fileName: "", lineNumber: 55, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "betAmount", className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 56, columnNumber: 17 }, __self: this }, "Bet Amount"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "betAmount", name: "betAmount", className: "w-full p-2 rounded-lg border-2 border-[#ccd6dd]", __source: { fileName: "", lineNumber: 57, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "autoCashOut", className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 58, columnNumber: 17 }, __self: this }, "Auto Cash Out (x)"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "autoCashOut", name: "autoCashOut", className: "w-full p-2 rounded-lg border-2 border-[#ccd6dd]", step: "0.1", __source: { fileName: "", lineNumber: 59, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full p-3 bg-[#21bf73] text-white rounded-lg font-roboto font-bold mt-4 hover:bg-[#1aae66]", __source: { fileName: "", lineNumber: 60, columnNumber: 17 }, __self: this }, "Place Bet"))))), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-roboto text-[#121212] mb-4 text-center", __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }, "Previous Flights"), previousFlights))); }