Proyectos de Subversion LeadersLinked - SPA

import React from 'react'
import { Box, Typography } from '@mui/material'

import Button from '@app/components/UI/buttons/Buttons'

export default function ErrorPage() {
  const handleClick = () => window.location.reload()

  return (
    <Box
      display='flex'
      flexDirection='column'
      alignItems='center'
      justifyContent='center'
      minHeight='100vh'
    >
      <Box display='flex' flexDirection='column' gap={1} textAlign='center'>
        <Typography variant='h1'>Oops! Ha ocurrido un error</Typography>
        <Typography>
          Por favor, recarga la pagina y vuelve a intentarlo
        </Typography>

        <Button color='primary' onClick={handleClick}>
          Recargar
        </Button>
      </Box>
    </Box>
  )
}