2020-12-15 23:46:05 +01:00
import PropTypes from 'prop-types'
import Head from 'next/head'
import Navigasyon from './navigasyon'
export default function HeadLayout ( {
children ,
title ,
tab
} ) {
return (
< div >
< Head >
< title > # OKi - { title ? title : 'Organisation KA Internationale' } < / t i t l e >
2020-12-23 00:08:43 +01:00
< link rel = 'manifest' href = '/manifest.json' / >
< link rel = 'apple-touch-icon' href = '/logo-96x96.png' / >
< meta name = 'theme-color' content = '#303030' / >
< meta name = 'apple-mobile-web-app-status-bar' content = '#303030' / >
2020-12-15 23:46:05 +01:00
< meta charSet = 'utf-8' / >
< meta name = 'description' content = '#OKi (Organisation KA Internationale) a pour but de promouvoir les langues et les productions afro-diasporiques.' / >
< meta name = 'author' content = 'Ced' / >
< meta name = 'viewport' content = 'minimum-scale=1, initial-scale=1, width=device-width' / >
< meta property = 'og:url' content = 'https://o-k-i.net' / >
< meta property = 'og:type' content = 'website' / >
< meta property = 'og:site_name' content = '#OKi' / >
< meta property = 'og:title' content = { ` #OKi - ${ title ? title : 'Organisation KA Internationale' } ` } / >
< meta property = 'og:description' content = '#OKi (Organisation KA Internationale) a pour but de promouvoir les langues et les productions afro-diasporiques.' / >
< meta property = 'og:locale' content = 'fr_FR' / >
2020-12-22 23:14:54 +01:00
< meta property = 'og:image' content = 'http://o-k-i.net/logo-128x73.png' / >
< meta property = 'og:image:secure_url' content = 'https://o-k-i.net/logo-128x73.png' / >
2020-12-15 23:46:05 +01:00
< meta property = 'og:image:type' content = 'image/png' / >
2020-12-22 23:14:54 +01:00
< meta property = 'og:image:width' content = '128' / >
< meta property = 'og:image:height' content = '73' / >
2020-12-15 23:46:05 +01:00
< meta property = 'og:image:alt' content = 'Logo #OKi - Organisation KA Internationale' / >
< / H e a d >
< Navigasyon selectedTab = { tab } / >
{ children }
< / d i v >
)
}
HeadLayout . propTypes = {
children : PropTypes . node . isRequired ,
title : PropTypes . string ,
tab : PropTypes . number . isRequired
}
HeadLayout . defaultProps = {
title : null
}
