function Button1({ text, onClick, icon, disabled = false, loading = false, variant = 'primary' }) { const baseClasses = "inline-flex items-center justify-center rounded-lg font-medium transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed"; const variants = { primary: "bg-[#1a3c6e] text-white hover:bg-[#152f54] px-6 py-2.5", secondary: "border-2 border-[#1a3c6e] text-[#1a3c6e] hover:bg-[#1a3c6e] hover:text-white px-6 py-2.5", small: "bg-[#1a3c6e] text-white hover:bg-[#152f54] px-4 py-1.5 text-sm" }; return /*#__PURE__*/ React.createElement("button", { onClick: onClick, disabled: disabled || loading, className: `${baseClasses} ${variants[variant]}`, __source: { fileName: "", lineNumber: 18, columnNumber: 5 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }) : /*#__PURE__*/ React.createElement(React.Fragment, null, icon && /*#__PURE__*/ React.createElement("i", { className: `${icon} mr-2`, __source: { fileName: "", lineNumber: 27, columnNumber: 20 }, __self: this }), text)); } function Button1Story() { const [loading, setLoading] = useState(false); const handleClick = ()=>{ setLoading(true); setTimeout(()=>setLoading(false), 2000); }; return /*#__PURE__*/ React.createElement("div", { className: "p-8 space-y-8", __source: { fileName: "", lineNumber: 44, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-x-4", __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(Button1, { text: "Primary Button", onClick: handleClick, loading: loading, __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(Button1, { text: "With Icon", onClick: ()=>{}, icon: "fas fa-plane", __source: { fileName: "", lineNumber: 51, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(Button1, { text: "Disabled", onClick: ()=>{}, disabled: true, __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "space-x-4", __source: { fileName: "", lineNumber: 63, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(Button1, { text: "Secondary Button", onClick: ()=>{}, variant: "secondary", __source: { fileName: "", lineNumber: 64, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(Button1, { text: "Small Button", onClick: ()=>{}, variant: "small", __source: { fileName: "", lineNumber: 69, columnNumber: 9 }, __self: this }))); } function MainNavigation({ onSearch = ()=>{} }) { const [isOpen, setIsOpen] = useState(false); const [searchTerm, setSearchTerm] = useState(''); const navigationStructure = { 'General': [ { title: 'Aviation Hub', path: '/' }, { title: 'Aviation News', path: '/aviation-news' }, { title: 'Aviation Community', path: '/aviation-community' }, { title: 'Aviation History', path: '/aviation-history' } ], 'Aircraft & Operations': [ { title: 'Aircraft Database', path: '/aircraft-database' }, { title: 'Aircraft Types', path: '/aircraft-types' }, { title: 'Airport Operations', path: '/airport-operations' }, { title: 'Maintenance & Technical', path: '/maintenance-technical' } ], 'Training & Career': [ { title: 'Flight Training', path: '/flight-training' }, { title: 'Aviation Careers', path: '/aviation-careers' }, { title: 'Pilot Resources', path: '/pilot-resources' }, { title: 'Technical Manual Helper', path: '/technical-manual-helper' } ], 'Safety & Planning': [ { title: 'Safety & Regulations', path: '/aviation-safety' }, { title: 'Flight Planning Assistant', path: '/flight-planning' }, { title: 'Weather & Navigation', path: '/weather-navigation' }, { title: 'Regulations Guide', path: '/regulations-guide' } ], 'Advanced Features': [ { title: 'Aviation AI', path: '/aviation-ai' }, { title: 'Aviation Expert AI', path: '/aviation-expert-ai' }, { title: 'International Aviation', path: '/international-aviation' }, { title: 'Aviation Experience', path: '/aviation-experience' } ] }; const handleSearch = (e)=>{ e.preventDefault(); onSearch(searchTerm); }; return /*#__PURE__*/ React.createElement("nav", { className: "bg-[#1a3c6e] text-white", __source: { fileName: "", lineNumber: 44, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4", __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center h-16", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "flex items-center", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plane-departure text-2xl mr-2", __source: { fileName: "", lineNumber: 49, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-inter font-bold text-xl", __source: { fileName: "", lineNumber: 50, columnNumber: 15 }, __self: this }, "Aviation Hub"))), /*#__PURE__*/ React.createElement("div", { className: "hidden md:flex items-center space-x-8", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, Object.entries(navigationStructure).map(([category, items])=>/*#__PURE__*/ React.createElement("div", { key: category, className: "relative group", __source: { fileName: "", lineNumber: 56, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "py-2 text-white hover:text-blue-200 font-inter", __source: { fileName: "", lineNumber: 57, columnNumber: 17 }, __self: this }, category, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chevron-down ml-2 text-sm", __source: { fileName: "", lineNumber: 59, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "absolute left-0 mt-2 w-64 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200", __source: { fileName: "", lineNumber: 61, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "py-1", __source: { fileName: "", lineNumber: 62, columnNumber: 19 }, __self: this }, items.map((item)=>/*#__PURE__*/ React.createElement("a", { key: item.path, href: item.path, className: "block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100", __source: { fileName: "", lineNumber: 64, columnNumber: 23 }, __self: this }, item.title))))))), /*#__PURE__*/ React.createElement("div", { className: "hidden md:flex items-center", __source: { fileName: "", lineNumber: 78, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSearch, className: "relative", __source: { fileName: "", lineNumber: 79, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Search...", value: searchTerm, onChange: (e)=>setSearchTerm(e.target.value), className: "w-48 px-4 py-1 rounded-full text-gray-900 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500", __source: { fileName: "", lineNumber: 80, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "absolute right-3 top-1/2 transform -translate-y-1/2", __source: { fileName: "", lineNumber: 87, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-search text-gray-400", __source: { fileName: "", lineNumber: 88, columnNumber: 17 }, __self: this })))), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsOpen(!isOpen), className: "md:hidden p-2 rounded-md hover:bg-blue-800 focus:outline-none", __source: { fileName: "", lineNumber: 93, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${isOpen ? 'fa-times' : 'fa-bars'} text-xl`, __source: { fileName: "", lineNumber: 97, columnNumber: 13 }, __self: this }))), isOpen && /*#__PURE__*/ React.createElement("div", { className: "md:hidden py-4", __source: { fileName: "", lineNumber: 102, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSearch, className: "mb-4", __source: { fileName: "", lineNumber: 103, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 104, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Search...", value: searchTerm, onChange: (e)=>setSearchTerm(e.target.value), className: "w-full px-4 py-2 rounded-full text-gray-900 focus:outline-none focus:ring-2 focus:ring-blue-500", __source: { fileName: "", lineNumber: 105, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "absolute right-3 top-1/2 transform -translate-y-1/2", __source: { fileName: "", lineNumber: 112, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-search text-gray-400", __source: { fileName: "", lineNumber: 113, columnNumber: 19 }, __self: this })))), Object.entries(navigationStructure).map(([category, items])=>/*#__PURE__*/ React.createElement("div", { key: category, className: "mb-4", __source: { fileName: "", lineNumber: 119, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-semibold mb-2", __source: { fileName: "", lineNumber: 120, columnNumber: 17 }, __self: this }, category), items.map((item)=>/*#__PURE__*/ React.createElement("a", { key: item.path, href: item.path, className: "block py-2 pl-4 text-sm text-gray-200 hover:text-white", __source: { fileName: "", lineNumber: 122, columnNumber: 19 }, __self: this }, item.title))))))); } function MainNavigationStory() { return /*#__PURE__*/ React.createElement("div", { className: "bg-gray-100 min-h-screen", __source: { fileName: "", lineNumber: 141, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainNavigation, { onSearch: (term)=>console.log('Search term:', term), __source: { fileName: "", lineNumber: 142, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 143, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 144, columnNumber: 9 }, __self: this }, "Navigation component shown above with search functionality"))); } function MainComponent() { const [selectedTopic, setSelectedTopic] = useState(null); const [information, setInformation] = useState(''); const [isLoading, setIsLoading] = useState(false); const topics = { icao: { title: "ICAO Regulations", icon: "fa-book", subtopics: [ "Standards and Recommended Practices (SARPs)", "International Air Navigation", "Aviation Safety Standards", "Environmental Protection" ] }, operations: { title: "International Flight Operations", icon: "fa-plane-departure", subtopics: [ "Flight Planning Over International Waters", "ETOPS Requirements", "Oceanic Procedures", "International Flight Crew Requirements" ] }, markets: { title: "Global Aviation Markets", icon: "fa-globe", subtopics: [ "Major Aviation Markets Overview", "Emerging Markets Analysis", "International Route Networks", "Market Access Agreements" ] }, requirements: { title: "Cross-border Requirements", icon: "fa-passport", subtopics: [ "Overflight Permits", "Landing Rights", "Customs and Immigration", "International Flight Documentation" ] }, airports: { title: "International Airports", icon: "fa-building", subtopics: [ "Major International Hubs", "Airport Categories and Classifications", "International Terminal Operations", "Ground Handling Requirements" ] } }; const getInformation = async (topic, subtopic)=>{ setIsLoading(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 expert in international aviation regulations and operations. Provide detailed, accurate information focusing on current standards and practices.' }, { role: 'user', content: `Explain this international aviation topic: ${subtopic} under ${topic}` } ] }) }); if (!response.ok) throw new Error('Failed to fetch information'); const data = await response.json(); setInformation(data.choices[0].message.content); } catch (error) { console.error('Error:', error); setInformation('Unable to fetch information at this time. Please try again later.'); } setIsLoading(false); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50", __source: { fileName: "", lineNumber: 89, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainNavigation, { __source: { fileName: "", lineNumber: 90, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1a3c6e] text-white py-8", __source: { fileName: "", lineNumber: 91, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4", __source: { fileName: "", lineNumber: 92, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 93, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 94, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-inter font-bold mb-2", __source: { fileName: "", lineNumber: 95, columnNumber: 9 }, __self: this }, "International Aviation"), /*#__PURE__*/ React.createElement("p", { className: "text-lg", __source: { fileName: "", lineNumber: 96, columnNumber: 9 }, __self: this }, "Global Aviation Standards and Operations"))))), /*#__PURE__*/ React.createElement("nav", { className: "bg-[#0d1f38] border-b border-[#2a4d7d]", __source: { fileName: "", lineNumber: 101, columnNumber: 1 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4", __source: { fileName: "", lineNumber: 102, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4 py-2", __source: { fileName: "", lineNumber: 103, columnNumber: 5 }, __self: this }, Object.entries(topics).map(([key, topic])=>/*#__PURE__*/ React.createElement(Button1, { key: key, text: topic.title, onClick: ()=>setSelectedTopic(key), variant: "small", icon: `fas ${topic.icon}`, __source: { fileName: "", lineNumber: 105, columnNumber: 9 }, __self: this }))))), /*#__PURE__*/ React.createElement("main", { className: "max-w-7xl mx-auto px-4 py-8", __source: { fileName: "", lineNumber: 117, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-2 gap-8", __source: { fileName: "", lineNumber: 118, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "space-y-6", __source: { fileName: "", lineNumber: 119, columnNumber: 11 }, __self: this }, selectedTopic ? /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-sm p-6", __source: { fileName: "", lineNumber: 121, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-inter font-bold mb-6", __source: { fileName: "", lineNumber: 122, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${topics[selectedTopic].icon} mr-3`, __source: { fileName: "", lineNumber: 123, columnNumber: 19 }, __self: this }), topics[selectedTopic].title), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 126, columnNumber: 17 }, __self: this }, topics[selectedTopic].subtopics.map((subtopic, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "p-4 border border-gray-200 rounded-lg hover:border-blue-500 cursor-pointer transition-colors", onClick: ()=>getInformation(topics[selectedTopic].title, subtopic), __source: { fileName: "", lineNumber: 128, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold", __source: { fileName: "", lineNumber: 133, columnNumber: 23 }, __self: this }, subtopic))))) : /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-sm p-6 text-center", __source: { fileName: "", lineNumber: 139, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-globe text-4xl text-[#1a3c6e] mb-4", __source: { fileName: "", lineNumber: 140, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 141, columnNumber: 17 }, __self: this }, "Select a topic from the navigation menu above"))), /*#__PURE__*/ React.createElement("section", { className: "space-y-6", __source: { fileName: "", lineNumber: 146, columnNumber: 11 }, __self: this }, (isLoading || information) && /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-sm p-6", __source: { fileName: "", lineNumber: 148, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 149, columnNumber: 17 }, __self: this }, "Detailed Information"), isLoading ? /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 151, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-2 h-2 bg-[#1a3c6e] rounded-full animate-bounce", __source: { fileName: "", lineNumber: 152, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "w-2 h-2 bg-[#1a3c6e] rounded-full animate-bounce", style: { animationDelay: '0.2s' }, __source: { fileName: "", lineNumber: 153, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "w-2 h-2 bg-[#1a3c6e] rounded-full animate-bounce", style: { animationDelay: '0.4s' }, __source: { fileName: "", lineNumber: 154, columnNumber: 21 }, __self: this })) : /*#__PURE__*/ React.createElement("div", { className: "prose max-w-none", __source: { fileName: "", lineNumber: 157, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 whitespace-pre-wrap", __source: { fileName: "", lineNumber: 158, columnNumber: 21 }, __self: this }, information))))))); }