import { useTranslation } from 'react-i18next';
import { PATHS } from '@/shared/constants/paths';
import { useNavigate } from '@/shared/lib/hooks/use-navigate';

export const PasswordManageWrap = () => {
  const { t } = useTranslation();
  const { navigate } = useNavigate();

  return (
    <>
      <div className="ing-list">
        <div className="pwd-manage mt-20">
          <div className="pwd-buttons">
            <button
              className="btn-44 btn-white pwd-btn"
              type="button"
              onClick={ () => navigate(PATHS.account.password.modifyLoginPassword) }
            >{t('account.changeLoginPassword')}</button>
            <button
              className="btn-44 btn-white pwd-btn"
              type="button"
              onClick={ () => navigate(PATHS.account.password.modifyCancelPassword) }
            >{t('account.changeCancelPassword')}</button>
          </div>
        </div>
      </div>
    </>
  )
};