'use client'

import Image from 'next/image'
import {Container, Typography} from '@mui/material'

export default function Error() {
  return (
    <Container sx={{textAlign: 'center', minHeight: '100vh'}} maxWidth='sm'>
      <Image
        alt='Logo OKI'
        width={192}
        height={192}
        src='/logo-192x192.png'
        quality={[20, 75]}
        loading='eager'
      />
      <Typography variant='h2' align='center' >500 - Erreur du serveur 😭</Typography>
      <Typography style={{marginTop: '1em', color: 'green'}} variant='h3' align='center'>Nous mettons tout en œuvre pour rétablir le site dans les plus brefs délais 💪🏾</Typography>
    </Container>
  )
}
