Proyectos de Subversion LeadersLinked - SPA

import React from 'react'

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

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

export default function ErrorPage() {

  const handleClick = () => window.location.reload()

  return (

    <Container>

      <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 variant='primary' onClick={handleClick}>

            Recargar

          </Button>

        </Box>

      </Box>

    </Container>

  )

}