function MainComponent() { const [searchTerm, setSearchTerm] = useState(''); const [activeCategory, setActiveCategory] = useState('commercial'); const [selectedAircraft, setSelectedAircraft] = useState(null); const [loading, setLoading] = useState(false); const [aircraftData, setAircraftData] = useState({ commercial: [ { id: 1, name: 'Boeing 747-8', type: 'Wide-body Airliner' }, { id: 2, name: 'Airbus A380', type: 'Wide-body Airliner' }, { id: 3, name: 'Boeing 787 Dreamliner', type: 'Wide-body Airliner' }, { id: 4, name: 'Airbus A350', type: 'Wide-body Airliner' }, { id: 5, name: 'Boeing 777X', type: 'Wide-body Airliner' } ], military: [ { id: 6, name: 'F-22 Raptor', type: 'Fighter Aircraft' }, { id: 7, name: 'B-2 Spirit', type: 'Strategic Bomber' }, { id: 8, name: 'C-17 Globemaster III', type: 'Military Transport' }, { id: 9, name: 'F-35 Lightning II', type: 'Fighter Aircraft' }, { id: 10, name: 'AH-64 Apache', type: 'Attack Helicopter' } ], private: [ { id: 11, name: 'Cessna 172', type: 'Light Aircraft' }, { id: 12, name: 'Gulfstream G650', type: 'Business Jet' }, { id: 13, name: 'Pilatus PC-12', type: 'Utility Aircraft' }, { id: 14, name: 'Cirrus SR22', type: 'Light Aircraft' }, { id: 15, name: 'Bombardier Global 7500', type: 'Business Jet' } ] }); const getAircraftDetails = async (aircraft)=>{ setLoading(true); try { const response = await fetch('/integrations/google-gemini-1-5-flash/', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: 'system', content: 'You are an aviation expert. Provide detailed technical specifications and interesting facts about aircraft.' }, { role: 'user', content: `Provide detailed specifications and interesting facts about the ${aircraft.name} in a structured format.` } ], json_schema: { type: "object", properties: { specifications: { type: "object", properties: { length: { type: "string" }, wingspan: { type: "string" }, height: { type: "string" }, maxSpeed: { type: "string" }, range: { type: "string" }, engineType: { type: "string" } } }, quickFacts: { type: "array", items: { type: "string" } }, description: { type: "string" } } } }) }); if (!response.ok) { throw new Error('Failed to fetch aircraft details'); } const data = await response.json(); const details = JSON.parse(data.choices[0].message.content); setSelectedAircraft({ ...aircraft, details }); } catch (error) { console.error('Error fetching aircraft details:', error); } finally{ setLoading(false); } }; const filteredAircraft = aircraftData[activeCategory].filter((aircraft)=>aircraft.name.toLowerCase().includes(searchTerm.toLowerCase())); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50", __source: { fileName: "", lineNumber: 92, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#1a3c6e] shadow-sm py-4", __source: { fileName: "", lineNumber: 93, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4", __source: { fileName: "", lineNumber: 94, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 95, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 96, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plane text-white mr-3 text-xl", __source: { fileName: "", lineNumber: 97, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("a", { href: "/", target: "_self", __source: { fileName: "", lineNumber: 98, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-inter font-bold text-white", __source: { fileName: "", lineNumber: 99, columnNumber: 17 }, __self: this }, "Aircraft Database")))))), /*#__PURE__*/ React.createElement("main", { className: "max-w-7xl mx-auto px-4 py-6", __source: { fileName: "", lineNumber: 106, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-12 gap-6", __source: { fileName: "", lineNumber: 107, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "md:col-span-3", __source: { fileName: "", lineNumber: 108, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow p-4 mb-4", __source: { fileName: "", lineNumber: 109, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 110, columnNumber: 15 }, __self: this }, "Categories"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 111, columnNumber: 15 }, __self: this }, [ 'commercial', 'military', 'private' ].map((category)=>/*#__PURE__*/ React.createElement("button", { key: category, onClick: ()=>setActiveCategory(category), className: `w-full text-left px-4 py-2 rounded ${activeCategory === category ? 'bg-[#1a3c6e] text-white' : 'hover:bg-gray-100'}`, __source: { fileName: "", lineNumber: 113, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-${category === 'commercial' ? 'plane' : category === 'military' ? 'fighter-jet' : 'private'} mr-2`, __source: { fileName: "", lineNumber: 122, columnNumber: 21 }, __self: this }), category.charAt(0).toUpperCase() + category.slice(1))))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow p-4", __source: { fileName: "", lineNumber: 129, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Search aircraft...", value: searchTerm, onChange: (e)=>setSearchTerm(e.target.value), className: "w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-[#1a3c6e]", __source: { fileName: "", lineNumber: 130, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "md:col-span-9", __source: { fileName: "", lineNumber: 140, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 141, columnNumber: 13 }, __self: this }, filteredAircraft.map((aircraft)=>/*#__PURE__*/ React.createElement("div", { key: aircraft.id, onClick: ()=>getAircraftDetails(aircraft), className: "bg-white rounded-lg shadow hover:shadow-lg transition-shadow cursor-pointer p-4", __source: { fileName: "", lineNumber: 143, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold", __source: { fileName: "", lineNumber: 148, columnNumber: 19 }, __self: this }, aircraft.name), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 149, columnNumber: 19 }, __self: this }, aircraft.type)))))), selectedAircraft && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 157, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg max-w-2xl w-full max-h-[90vh] overflow-y-auto", __source: { fileName: "", lineNumber: 158, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 159, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 160, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold", __source: { fileName: "", lineNumber: 161, columnNumber: 19 }, __self: this }, selectedAircraft.name), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedAircraft(null), className: "text-gray-500 hover:text-gray-700", __source: { fileName: "", lineNumber: 162, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 166, columnNumber: 21 }, __self: this }))), loading ? /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center h-64", __source: { fileName: "", lineNumber: 171, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "animate-spin rounded-full h-12 w-12 border-b-2 border-[#1a3c6e]", __source: { fileName: "", lineNumber: 172, columnNumber: 21 }, __self: this })) : selectedAircraft.details && /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 176, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 177, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 178, columnNumber: 25 }, __self: this }, "Description"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 179, columnNumber: 25 }, __self: this }, selectedAircraft.details.description)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 182, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 183, columnNumber: 25 }, __self: this }, "Specifications"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 184, columnNumber: 25 }, __self: this }, Object.entries(selectedAircraft.details.specifications).map(([key, value])=>/*#__PURE__*/ React.createElement("div", { key: key, className: "bg-gray-50 p-3 rounded-lg", __source: { fileName: "", lineNumber: 186, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-medium capitalize", __source: { fileName: "", lineNumber: 187, columnNumber: 31 }, __self: this }, key.replace(/([A-Z])/g, ' $1').trim(), ": "), /*#__PURE__*/ React.createElement("span", { className: "text-gray-600", __source: { fileName: "", lineNumber: 188, columnNumber: 31 }, __self: this }, value))))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 194, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 195, columnNumber: 25 }, __self: this }, "Quick Facts"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-5 space-y-1", __source: { fileName: "", lineNumber: 196, columnNumber: 25 }, __self: this }, selectedAircraft.details.quickFacts.map((fact, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "text-gray-600", __source: { fileName: "", lineNumber: 198, columnNumber: 29 }, __self: this }, fact)))))))))); }