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
 |