import React from 'react' ; import { useRouter } from 'next/router' ; import { ImageDisplayModeBar , TabBar , TopNavigationBar , } from '@dark-rush-photography/best-of/ui' ; import classes from './page-layout.module.scss' ; type Props = { children : JSX . Element ; } ; function PageLayout ( { children } ) { const router = useRouter ( ) ; return ( < > < nav > < TopNavigationBar isDarkTheme = { true } activeLink = "/" onToggleTheme = { ( ) => { console . log ( 'toggle theme' ) ; } } onLinkClicked = { ( link ) => { router . push ( link ) ; } } /> < TabBar activeLink = { router . pathname === '/' ? '/events' : router . pathname } onTabChange = { ( link ) => { router . push ( link ) ; } } /> < ImageDisplayModeBar / > < /nav> { children } < />); } export default PageLayout ;