/* eslint-disable jsx-a11y/alt-text */
import Container from 'components/BlogContainer'
import Layout from 'components/Layout'
import Image from 'next/image'

import Custom404 from './pages/404'

function Error({ statusCode }) {
  //function Error({ statusCode }) {
  return (
    <Layout>
      <Container>
        <div className="h-screen">
          <div className="grid self-center">
            <div className="text-center font-sans text-base">
              <Custom404 />
              {/* {statusCode
                ? `An error ${statusCode} occurred on server`
                : 'An error occurred on client'} */}
            </div>
          </div>
        </div>
      </Container>
    </Layout>
  )
}

Error.getInitialProps = ({ res, err }) => {
  const statusCode = res ? res.statusCode : err ? err.statusCode : 404
  return { statusCode }
}

export default Error