import { Helmet } from 'react-helmet-async';

import useHuGoTheme from 'src/hooks/useHuGoTheme';
import FormUpdatePassword from 'src/pages/authentication/components/FormUpdatePassword';
import { formatTitle } from 'src/utils/helmetUtils';
import { useLokaliseTranslation } from 'src/utils/i18n';

import RegistrationLayout from '../registration/components/RegistrationLayout';

const UpdatePassword = () => {
  const { t } = useLokaliseTranslation('authentication');
  const HugoThemeProvider = useHuGoTheme();
  return (
    <>
      <Helmet>
        <title>{formatTitle(t('UPDATE.TITLE'))}</title>
      </Helmet>
      <HugoThemeProvider>
        <RegistrationLayout title={t('UPDATE.TITLE')}>
          <FormUpdatePassword />
        </RegistrationLayout>
      </HugoThemeProvider>
    </>
  );
};

export default UpdatePassword;