import { useState } from 'react';
import Head from 'next/head';
import Link from 'next/link';
import { useRouter } from 'next/router';
import { useSession, signOut } from 'next-auth/react';
import {
HomeIcon,
Squares2X2Icon as GridIcon,
BoltIcon as LightningBoltIcon,
Bars3Icon as MenuIcon,
XMarkIcon as XIcon,
UserIcon,
ArrowRightOnRectangleIcon as LogoutIcon,
TruckIcon,
CpuChipIcon
} from '@heroicons/react/24/outline';
const navigationItems = [
{ name: 'Przekrój terenu', href: '/', icon: HomeIcon },
{ name: 'Siatka', href: '/cross', icon: GridIcon },
{ name: 'Uziomy', href: '/uziomy', icon: LightningBoltIcon },
{ name: 'Spadki napięcia', href: '/spadki', icon: CpuChipIcon },
{ name: 'Śledzenie przesyłek', href: '/tracking', icon: TruckIcon },
];
export default function Layout({ children, title = 'Wastpol' }) {
const [sidebarOpen, setSidebarOpen] = useState(false);
const { data: session } = useSession();
const router = useRouter();
return (
{title}
{/* Mobile sidebar */}
setSidebarOpen(false)} />
{/* Desktop layout */}
{/* Desktop sidebar */}

{/*
Wastpol */}
{/* Main content */}
{/* Top navbar */}
{/* You can add search or breadcrumbs here */}
{session && (
{session.user.email}
)}
{/* Page content */}
{children}
);
}