/** @jsx jsx */
import { Link } from 'gatsby'
import { jsx, Text, useColorMode } from 'theme-ui'
import ThemeSwitch from './theme-switch'
import NavBar from './navbar'

// const rootPath = `${__PATH_PREFIX__}/`

export default ({ title }) => {

  return (
    <header sx={{
      '@media print': { display: 'none' },
      display: 'flex',
      py: 4,
      justifyContent: 'space-between',
      marginLeft: '3%',
      marginRight: '3%',
    }}>
      <NavBar/>
      <ThemeSwitch/>
    </header>
  )
}