'use client'

import { AppSidebar } from '@/app/app-sidebar'
import {
  Breadcrumb,
  BreadcrumbItem,
  BreadcrumbList,
  BreadcrumbPage,
} from '@/components/ui/breadcrumb'
import { Separator } from '@/components/ui/separator'
import {
  SidebarInset,
  SidebarProvider,
  SidebarTrigger,
} from '@/components/ui/sidebar'
import { MapComponent } from '@/components/map-component';
import { ThemeToggle } from '@/components/theme-toggle';
// import { Timeline } from '@/app/timeline';
import { Timeline } from '@/app/tl';
import { cn } from '@/lib/utils';
import { useMap } from './map-context'
import { format } from 'date-fns'
import { Label } from '@/components/ui/label'
import { Navigation } from './nav'



export default function Page() {

  return (
    <div className="flex flex-row h-full">
      <AppSidebar />
      <div className="flex-1 flex flex-col min-h-0">
        <div className="flex-1 min-h-0">
          <MapComponent />
        </div>
        <div className="flex-shrink-0">
          <Timeline />
        </div>
      </div>
    </div>
  )
}