import React from 'react'
import type { Metadata } from 'next'
import { MapView } from '@/components/map'
import './page.css'

export const metadata: Metadata = {
  title: 'Mapa de Voo — OndeVoar.pt',
  description: 'Mapa interativo com zonas ANAC, spots aprovados e meteorologia em tempo real.',
}

export default function MapaPage() {
  return (
    <div className="mapa-page">
      <div className="mapa-header">
        <div>
          <h1 className="mapa-title">Mapa de Voo</h1>
          <p className="mapa-subtitle">Zonas ANAC · Spots · Meteorologia · NOTAMs</p>
        </div>
      </div>
      <div className="mapa-map-wrapper">
        <MapView />
      </div>
    </div>
  )
}