import Head from 'next/head'; import { useRouter } from 'next/router'; import React, { ReactNode } from 'react'; import { Footer } from '../components/footer'; import { Navigation } from '../components/navigation'; interface Props { children: ReactNode | ReactNode[]; description?: string; title?: string; } export const MainLayout = ({ children, description, title }: Props) => { const pageName = title ? `${title} - highlight.js` : 'highlight.js'; const router = useRouter(); return (