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