/**
 * Main app entry point - uses shared components
 */

import { SharedHeader } from './components/SharedHeader';
import { SharedFooter } from './components/SharedFooter';

// Initialize shared components when DOM is ready
function initializeApp() {
  // Render header
  const header = SharedHeader.createMainHeader();
  header.render();

  // Render footer
  const footer = SharedFooter.createStandardFooter();
  footer.render();

  // The rest of the app logic (map, form, etc.) remains in the existing app.js
  // This just adds the shared components
}

// Wait for DOM and i18n to be ready
if (document.readyState === 'loading') {
  document.addEventListener('DOMContentLoaded', initializeApp);
} else {
  initializeApp();
}

// Export for use in other scripts if needed
(window as Window & typeof globalThis & { SharedHeader?: typeof SharedHeader; SharedFooter?: typeof SharedFooter }).SharedHeader = SharedHeader;
(window as Window & typeof globalThis & { SharedHeader?: typeof SharedHeader; SharedFooter?: typeof SharedFooter }).SharedFooter = SharedFooter;