import React from 'react';
import { Alert } from 'react-bootstrap';
import { withTranslation, Trans } from 'react-i18next';
import { Helmet } from 'react-helmet-async';

const NotFound = () => (
  <div className="NotFound">
    <Helmet>
      <title>This page doesn't exist"</title>
    </Helmet>
    <Alert variant="danger">
      <p>
        <Trans i18nKey="not-found">Upppps: Esta página no existe</Trans>
      </p>
    </Alert>
  </div>
);

export default withTranslation()(NotFound);