text: import React from 'react'
  import Navbar from '../navbar.js'
  import Head from 'next/head'
  import { Box, Container } from '@chakra-ui/react'
  
  const Main = ({ children, router }) => {
    return (
      <Box as="main" pb={8}>
        <Head>
          <meta name="viewport" content="width=device-width, initial-sca" />
          <title>Danilo Altamirano - Homepage</title>
        </Head>
  
        <Navbar path={router.asPath} />
  
        <Container maxW="container.md" pt={14}>
          {children}
        </Container>
      </Box>
    )
  }
  
  export default Main
  