import React, { useState } from 'react'
import Head from 'next/head'
import Link from 'next/link'
import { useRouter } from 'next/router'
import User from './user'
type INavEntry = {
label: string
href: string
}
const NAV_ENTRIES = [
{
label: 'Home',
href: '/',
},
{
label: 'Buchungsanfrage',
href: '/book',
},
{
label: 'Preise',
href: '/prices',
},
{
label: 'Mietbedingungen',
href: '/terms',
},
]
function NavEntries({ children, navEntries, changeRoute }) {
return (
<>
{navEntries?.map(({ label, href }: INavEntry, index: React.Key) => {
return (
{label}
)
})}
{children}
)
}
export default function Header() {
const router = useRouter()
const [hamburgerOpen, setHamburgerOpen] = useState(false)
function changeRoute(event: React.PointerEvent) {
event.preventDefault()
setHamburgerOpen(false)
router.push(event.currentTarget.href)
}
const navEntries: (INavEntry | React.ReactNode)[] = [
...NAV_ENTRIES,
,
]
return (
<>
Pfadi-Bussle
Pfadi-Bussle
)
}