28 lines
770 B
TypeScript
28 lines
770 B
TypeScript
import type { ReactNode } from 'react'
|
|
import Navbar from './Navbar'
|
|
|
|
interface LayoutProps {
|
|
children: ReactNode
|
|
}
|
|
|
|
export default function Layout({ children }: LayoutProps) {
|
|
return (
|
|
<div className="flex min-h-screen flex-col">
|
|
<Navbar />
|
|
<main className="flex-1">
|
|
<div className="mx-auto max-w-7xl px-4 py-8 sm:px-6 lg:px-8">
|
|
{children}
|
|
</div>
|
|
</main>
|
|
<footer className="border-t border-gray-200 bg-white py-6">
|
|
<div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
|
|
<p className="text-center text-sm text-gray-500">
|
|
© {new Date().getFullYear()} Requirements Periodic Table. All rights
|
|
reserved.
|
|
</p>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
)
|
|
}
|