Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 | 5x 5x 2x 2x | import PropTypes from 'prop-types'
import Header from './Header'
import Footer from './Footer'
import MetaData from './MetaData'
import Navbar from './Navbar'
import en from '../locales/en'
import fr from '../locales/fr'
export default function Layout(props) {
const t = props.locale === 'en' ? en : fr
return (
<>
<MetaData language={props.locale} data={props.meta}></MetaData>
<Header
language={props.locale}
t={t}
langToggleLink={props.langToggleLink}
></Header>
<Navbar t={t} />
<main className="mt-10 mb-10" id="mainContent">
<div>{props.children}</div>
</main>
<Footer footerLogoAltText="footerCanadaCaAltText" t={t} />
</>
)
}
/**
* Setup default props
*/
Layout.defaultProps = {
title: 'Next Template - Canada.ca',
}
Layout.propTypes = {
/*
* Locale current language
*/
locale: PropTypes.string,
/*
* Meta Tags
*/
meta: PropTypes.object,
/*
* Title of the page
*/
title: PropTypes.string,
/*
* Link of the page in opposite language
*/
langToggleLink: PropTypes.string,
}
|