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 } 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 }, ]; 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)} />
Wastpol
{/* Desktop layout */}
{/* Desktop sidebar */}
Wastpol Wastpol
{/* Main content */}
{/* Top navbar */}
{/* You can add search or breadcrumbs here */}
{session && (
{session.user.email}
)}
{/* Page content */}
{children}
); }