text: import React from 'react';
  import { ReactComponent as Error404 } from '../svg/404-error.svg';
  
  import { Container, Paper, Typography, SvgIcon } from '@material-ui/core';
  import { useNotFoundPageStyles } from '../styles/muiStyles';
  
  const NotFoundPage = () => {
    const classes = useNotFoundPageStyles();
  
    return (
      <Container disableGutters>
        <Paper variant="outlined" className={classes.mainPaper}>
          <div className={classes.textWrapper}>
            <SvgIcon color="primary" className={classes.icon}>
              <Error404 />
            </SvgIcon>
            <Typography color="secondary" variant="h4">
            Página no encontrada
            </Typography>
            <Typography color="secondary" variant="h6">
            La página solicitada no existe
            </Typography>
          </div>
        </Paper>
      </Container>
    );
  };
  
  export default NotFoundPage;
  