function FlightCard({ airline, price, departureTime, arrivalTime, origin, destination }) { return /*#__PURE__*/ React.createElement("div", { className: "rounded-lg border border-gray-200 p-4 w-[300px] shadow-sm hover:shadow-md transition-shadow duration-200", __source: { fileName: "", lineNumber: 10, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-roboto text-lg font-semibold", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, airline), /*#__PURE__*/ React.createElement("span", { className: "font-roboto text-xl text-[#4CAF50] font-bold", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, price, " ₺")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-lg font-medium", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, departureTime), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-sm text-gray-600", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, origin)), /*#__PURE__*/ React.createElement("div", { className: "flex-1 mx-4 flex items-center", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-[1px] flex-1 bg-gray-300", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-plane text-gray-400 mx-2", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "h-[1px] flex-1 bg-gray-300", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-lg font-medium", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, arrivalTime), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-sm text-gray-600", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, destination)))); } function FlightCardStory() { return /*#__PURE__*/ React.createElement("div", { className: "p-4 space-y-4", __source: { fileName: "", lineNumber: 41, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(FlightCard, { airline: "Türk Hava Yolları", price: "1499", departureTime: "09:30", arrivalTime: "11:45", origin: "İstanbul", destination: "Ankara", __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(FlightCard, { airline: "Pegasus", price: "999", departureTime: "14:20", arrivalTime: "16:10", origin: "İzmir", destination: "İstanbul", __source: { fileName: "", lineNumber: 51, columnNumber: 7 }, __self: this })); } function SearchForm({ onSearch }) { const [departureCity, setDepartureCity] = useState(""); const [arrivalCity, setArrivalCity] = useState(""); const [departureDate, setDepartureDate] = useState(""); const [returnDate, setReturnDate] = useState(""); const handleSubmit = (e)=>{ e.preventDefault(); onSearch?.({ departureCity, arrivalCity, departureDate, returnDate }); }; return /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-lg mx-auto p-6 bg-white rounded-lg shadow", __source: { fileName: "", lineNumber: 13, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-4", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row md:space-x-4", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "departureCity", value: departureCity, onChange: (e)=>setDepartureCity(e.target.value), placeholder: "Nereden", className: "w-full p-3 border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-500", __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "arrivalCity", value: arrivalCity, onChange: (e)=>setArrivalCity(e.target.value), placeholder: "Nereye", className: "w-full p-3 border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-500", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row md:space-x-4", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "date", name: "departureDate", value: departureDate, onChange: (e)=>setDepartureDate(e.target.value), className: "w-full p-3 border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-500", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "date", name: "returnDate", value: returnDate, onChange: (e)=>setReturnDate(e.target.value), className: "w-full p-3 border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-500", __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-blue-500 text-white py-3 rounded hover:bg-blue-600 transition-colors", __source: { fileName: "", lineNumber: 59, columnNumber: 9 }, __self: this }, "Uçuş Ara"))); } function SearchFormStory() { const handleSearch = (searchData)=>{ console.log(searchData); }; return /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-gray-100 min-h-screen", __source: { fileName: "", lineNumber: 76, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(SearchForm, { onSearch: handleSearch, __source: { fileName: "", lineNumber: 77, columnNumber: 7 }, __self: this })); } function MainComponent() { const [searchResults, setSearchResults] = useState([]); const handleSearch = async (searchData)=>{ const response = await fetch("/api/search-flights", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ from: searchData.departureCity, to: searchData.arrivalCity, departureDate: searchData.departureDate, returnDate: searchData.returnDate }) }); const data = await response.json(); setSearchResults(data.flights || []); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-b from-blue-50 to-white", __source: { fileName: "", lineNumber: 22, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4", __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-[80vh] space-y-8", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center space-y-4 max-w-3xl", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-6xl font-bold font-poppins text-[#1a365d]", __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }, "Hayalinizdeki Tatili Keşfedin"), /*#__PURE__*/ React.createElement("p", { className: "text-lg md:text-xl font-nunito text-gray-600", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, "En uygun fiyatlarla unutulmaz seyahat deneyimleri için hemen uçuş arayın")), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-4xl bg-white rounded-xl shadow-lg p-6", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement(SearchForm, { onSearch: handleSearch, __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap justify-center gap-4 mt-8", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plane-departure text-blue-600", __source: { fileName: "", lineNumber: 41, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-nunito", __source: { fileName: "", lineNumber: 42, columnNumber: 15 }, __self: this }, "Güvenli Uçuşlar")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-shield-alt text-blue-600", __source: { fileName: "", lineNumber: 45, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-nunito", __source: { fileName: "", lineNumber: 46, columnNumber: 15 }, __self: this }, "Garantili Rezervasyon")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-headset text-blue-600", __source: { fileName: "", lineNumber: 49, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-nunito", __source: { fileName: "", lineNumber: 50, columnNumber: 15 }, __self: this }, "7/24 Destek")))))); }