-
-
Notifications
You must be signed in to change notification settings - Fork 19
/
Container.tsx
42 lines (37 loc) · 893 Bytes
/
Container.tsx
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
import { Flex } from '@chakra-ui/react'
import { NextSeo } from 'next-seo'
import React from 'react'
import Footer from './navigation/Footer'
import Navbar from './navigation/Navbar'
export type ISelected = 'home' | 'course' | 'article'
interface Props {
title?: string
description?: string
url?: string
selected?: ISelected
children: React.ReactNode
}
const Container = ({ title, description, url, selected, children }: Props) => {
return (
<>
<NextSeo
title={title}
description={description}
canonical={url}
openGraph={{
url,
title,
description
}}
/>
<Navbar selected={selected} />
<div className="flex flex-col">
<Flex display="block" minH="100vh" as="main">
{children}
</Flex>
<Footer />
</div>
</>
)
}
export default Container