28 lines
617 B
TypeScript
28 lines
617 B
TypeScript
|
import { Inter } from 'next/font/google'
|
||
|
|
import SectionContainer from './SectionContainer'
|
||
|
|
import Footer from './Footer'
|
||
|
|
import { ReactNode } from 'react'
|
||
|
|
import Header from './Header'
|
||
|
|
|
||
|
|
interface Props {
|
||
|
|
children: ReactNode
|
||
|
|
}
|
||
|
|
|
||
|
|
const inter = Inter({
|
||
|
|
subsets: ['latin'],
|
||
|
|
})
|
||
|
|
|
||
|
|
const LayoutWrapper = ({ children }: Props) => {
|
||
|
|
return (
|
||
|
|
<SectionContainer>
|
||
|
|
<div className={`${inter.className} flex h-screen flex-col justify-between font-sans`}>
|
||
|
|
<Header />
|
||
|
|
<main className="mb-auto">{children}</main>
|
||
|
|
<Footer />
|
||
|
|
</div>
|
||
|
|
</SectionContainer>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
export default LayoutWrapper
|