import { ReactElement, ReactNode, useEffect, useRef } from 'react'; import Footer from '@components/Footer/Footer'; import Header from '@components/Header/Header'; import Main from '@components/Main/Main'; import Breadcrumb from '@components/Breadcrumb/Breadcrumb'; import { t } from '@lingui/macro'; import Head from 'next/head'; import { config } from '@config/website'; import { useRouter } from 'next/router'; const Layout = ({ children, isHome = false, }: { children: ReactNode; isHome?: boolean; }) => { const ref = useRef(null); const { asPath } = useRouter(); useEffect(() => { ref.current?.focus(); }, [asPath]); return ( <> {t`Skip to content`}
{children}