// @flow
import React from 'react';
import { Link } from 'react-router-dom';

import CenteredContent from 'components/CenteredContent';
import PageTitle from 'components/PageTitle';

class Error404 extends React.Component {
  render() {
    return (
      <CenteredContent>
        <PageTitle title="Not found" />
        <h1>Not Found</h1>

        <p>We're unable to find the page you're accessing.</p>

        <p>Maybe you want to try <Link to="/search">search</Link> instead?</p>
      </CenteredContent>
    );
  }
}

export default Error404;
