import * as React from "react";

import { NonIdealState, Button, Card, Elevation } from "@blueprintjs/core";
import { RouterProps } from "react-router";

class PageNotFound extends React.PureComponent<RouterProps> {
  public render() {
    return (
      <div style={{ textAlign: "center" }}>
        <Card elevation={Elevation.TWO}>
          <NonIdealState
            icon={"search"}
            title="Page not found"
            description={
              "The page you were looking for does not appear to exist"
            }
            action={
              <Button
                onClick={() => {
                  this.props.history.push("/");
                }}
              >
                {"Home"}
              </Button>
            }
          />
        </Card>
      </div>
    );
  }
}

export default PageNotFound;
