import { useTranslation } from 'next-i18next' ; import Head from 'next/head' ; import Logo from './Logo' ; import Link from 'next/link' ; interface PageProps { content : JSX . Element ; } function Page ( props ) { const { t } = useTranslation ( 'common' ) ; return ( < div className = "md:w-2/3 xl:w-2/5 md:mx-auto flex flex-col min-h-screen justify-center px-5 pt-12 pb-16" > < Head > < title > { t ( 'common:title' ) } < /title> < link rel = "icon" href = "/favicon.ico" / > < /Head> < div > < main className = "flex flex-col space-y-5" > < Logo /> { props . content } < footer > < nav className = "nav flex flex-row space-x-4 justify-center text-md font-bold flex-wrap" > < a href = "https://github.com/marvinsxtr/covidpass" className = "hover:underline" > { t ( 'common:gitHub' ) } < /a> < Link href = "/privacy" > < a className = "hover:underline" > { t ( 'common:privacyPolicy' ) } < /a></Link > < Link href = "/imprint" > < a className = "hover:underline" > { t ( 'common:imprint' ) } < /a></Link > < /nav> < /footer> < /main> < /div> < /div>); } export default Page ;