import React ,{ PureComponent } from "react";
import { Link } from "react-router-dom";

import { Button } from "reactstrap";

// class Page404 extends PureComponent {
//   constructor(props) {
//     super(props);
//     this.routeChange = this.routeChange.bind(this);

// }
// routeChange() {
//   this.props.history.push('/');
// }
// componentDidMount(){
//   var admin_id= localStorage.getItem('uname');
//   if(admin_id == null){alert(admin_id);
//     this.routeChange();
//   } 
// }

// render() {

//   return (
  
//     <div class = "wrapper">


//     </div>
//   )
// }
// }


const Page404 = () => (
  
  <div className="text-center">
    <h1 className="display-1 font-weight-bold">404</h1>
    <p className="h1">Page not found.</p>
    <p className="h2 font-weight-normal mt-3 mb-4">
      The page you are looking for might have been removed.
    </p>
    <Link to="/dashboard">
      <Button color="primary" size="lg">
        Return to website
      </Button>
    </Link>
  </div>
);

export default Page404;
