gallery/components/Header.tsx
2022-12-29 04:16:30 +01:00

29 lines
No EOL
823 B
TypeScript

import { Inter } from '@next/font/google'
import styles from '../styles/Home.module.css'
// const inter = Inter({ subsets: ['latin'] })
import localFont from "@next/font/local"
import { ReactNode } from 'react'
const Fuku = localFont({ src: "../public/fonts/FukuCatch Detetiive.otf" })
const Header = ({ children, title }: { children: ReactNode | ReactNode[], title: string }) => {
return (
<>
<main className={styles.main}>
<div className={styles.description}></div>
{/* <div className={styles.center}> */}
<h1 className={Fuku.className}>{title}</h1>
{/* </div> */}
<div className={styles.grid}>
{children}
</div>
</main>
</>
)
}
export default Header