import { Alert, AlertDescription, AlertTitle } from '@chakra-ui/react'
import { TbMoodSad } from 'react-icons/tb'

export default function Custom500() {
  return (
    <Alert status="info" flexDirection="column" justifyContent="center" rounded="md" paddingY="10">
      <TbMoodSad style={{ width: '2rem', height: '2rem' }} />
      <AlertTitle mt={4} mb={1} fontSize="lg">
        500: Server-side error occurred
      </AlertTitle>
      <AlertDescription maxWidth="sm">Something happened that was totally unexpected &hellip;</AlertDescription>
    </Alert>
  )
}