import Head from "next/head" import Link from "next/link" import "tailwindcss/tailwind.css"; import useTranslation from 'next-translate/useTranslation' import { useRouter } from 'next/router' import React, { useEffect, useState } from 'react' const Layout = (props) => { const { title, children } = props const siteTitle = "yude.jp" const router = useRouter() const { locale, locales, defaultLocale, pathname } = router const { t, lang } = useTranslation("common") const footer = t('footer') const source = t('source') const tos = t('tos') return (
{title ? `${title} - ${siteTitle}` : siteTitle}
{children}

{footer} / {source}

{tos}

) } export default Layout