Proyectos de Subversion LeadersLinked - SPA

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

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

  return (
    <Box
      sx={{
        display: 'flex',
        flexDirection: 'column',
        alignItems: 'center',
        justifyContent: 'center',
        minHeight: '100vh'
      }}
    >
      <Box sx={{ 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>
  );
}