import React from 'react';
import { makeStyles } from '@material-ui/core';
import { useTranslation } from 'react-i18next';
import { PageStatus } from './PageStatus';
const useStyles = makeStyles((theme) => ({
    root: {
        marginTop: theme.spacing(4)
    }
}));
export const PageNotFoundRoute = () => {
    const classes = useStyles();
    const { t } = useTranslation();
    return (React.createElement("div", { className: classes.root }, React.createElement(PageStatus, { statusCode: 404, title: t('Page Not Found'), subheader: t("Sorry, we can't find the page you are looking for."), message: t('You may have typed the address incorrectly or you may have used an outdated link.'), to: "/", buttonLabel: t('Back to Home Page') })));
};
export default PageNotFoundRoute;
//# sourceMappingURL=PageNotFoundRoute.js.map