function MainComponent() { const cheapestFlights = [ { id: 1, destination: 'New York', price: '$80', time: '4h 45m', airline: 'Delta' }, { id: 2, destination: 'Los Angeles', price: '$120', time: '6h 30m', airline: 'United' }, { id: 3, destination: 'Miami', price: '$95', time: '5h 10m', airline: 'American Airlines' } ]; const flightList = cheapestFlights.map((flight)=>/*#__PURE__*/ React.createElement("div", { key: flight.id, className: "flex flex-col md:flex-row justify-between items-center py-4 px-6 border-b border-gray-300 transition duration-300 ease-in-out hover:bg-gray-100", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-3 md:mb-0 flex items-center md:w-1/2", __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-shrink-0 h-[80px] w-[80px] mr-4 bg-gray-200 rounded-full", __source: { fileName: "", lineNumber: 11, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("img", { className: "h-full w-full object-cover rounded-full p-1", src: `./assets/airlines/${flight.airline.replace(/\s/g, '')}.png`, alt: `${flight.airline} logo`, __source: { fileName: "", lineNumber: 12, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 14, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-lg text-[#121212]", __source: { fileName: "", lineNumber: 15, columnNumber: 21 }, __self: this }, "Kansas City to ", flight.destination), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-sm text-gray-700", __source: { fileName: "", lineNumber: 16, columnNumber: 21 }, __self: this }, flight.airline))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center w-full md:w-auto", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-md text-gray-700 mr-6", __source: { fileName: "", lineNumber: 20, columnNumber: 17 }, __self: this }, flight.time), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-xl text-green-600", __source: { fileName: "", lineNumber: 21, columnNumber: 17 }, __self: this }, flight.price)))); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-b from-blue-50 to-blue-100 flex items-center justify-center p-6", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white w-full max-w-3xl rounded-xl shadow-lg overflow-hidden", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-semibold font-roboto text-[#121212] p-8 border-b border-gray-300", __source: { fileName: "", lineNumber: 29, columnNumber: 17 }, __self: this }, "🛫 Cheapest Flights from Kansas City"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 32, columnNumber: 17 }, __self: this }, flightList)), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, ` body { background-attachment: fixed; } `)); }