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>

  )

}