import Link from 'next/link';
import React from 'react';
import { useTranslation } from 'react-i18next';
import Logo from '../../common/Logo';

const SignUpClosed: React.FC = () => {
  const { t } = useTranslation();
  return (
    <section className="wrapper">
      <div className="content">
        <Logo className=" big" />
        <span className="divider" />
        <h1>
          {t('SIGN_UP_CLOSED_TITLE')}
          <br />
          <br /> {t('SIGN_UP_CLOSED_SUBTITLE')}
        </h1>
        <br />
        <div className="goBack">
          <Link href="/login">
            <a href="/login" title="Iniciar sesión" className="textClick">
              <p>{t('HAVE_ACCOUNT')}</p>
            </a>
          </Link>
        </div>
      </div>
    </section>
  );
};

export default SignUpClosed;
