import * as React from 'react' import Head from 'next/head' import { Global, css } from '@emotion/react' import { Flex, Container } from 'theme-ui' import { useTheme } from '../constants/theme' import Nav from './Nav' import Footer from './Footer' interface LayoutProps { children: React.ReactNode } const Layout: React.FC = ({ children }) => { const { theme: { colors, rawColors } = {} } = useTheme() return ( {/* * Shouldn't be set in `_document`: * https://github.com/vercel/next.js/blob/master/errors/no-document-viewport-meta.md */}