import { createFileRoute } from '@tanstack/react-router';
import { MapView } from '@/map/core/map-view';

export const Route = createFileRoute('/_authed/monitor')({
  component: MonitorPage,
});

function MonitorPage() {
  return (
    // 3.5rem ≈ 56 px reserved for a future top-bar (Phase 3 chrome).
    // For now the parent _authed layout has no top-bar, so the map can
    // fill the full viewport — adjust when chrome lands.
    <div className="relative h-[calc(100vh-0rem)] w-full">
      <MapView />
    </div>
  );
}