import React from 'react'
import * as navStyles from './nav.module.css'
import { Link } from 'gatsby'
import { StaticImage } from "gatsby-plugin-image"
let pages = [
['home', '/', navStyles.desktopOnly],
['zeiten & location', '/treff/', ''],
['events', '/events/', ''],
['über uns', '/about/', ''],
['kontakt', '/kontakt/', ''],
['verein', '/verein/', ''],
['supporte uns', '/support/', ''],
]
function PathCheck(path, link) {
const isSSR = typeof window === 'undefined'
if(!isSSR) {
if(path === link) {
return ' ' + navStyles.navItemActive
}
if(link !== '/' && path !== '/') {
if(path.includes(link)){
return ' ' + navStyles.navItemActive
}
if(link.includes(path)){
return ' ' + navStyles.navItemActive
}
}
}
return ''
}
export default function Nav({ path }) {
// nav items should always be active in the staticly generated html
return (
<>
>
)
}