// File Path: monorepo/web/frontend/src/pages/Admin/Account/More/ChangePassword/Page.jsx

import React, { memo } from "react";
import {
  useAccountManager,
  useAuthManager,
} from "../../../../../services/Services";
import { AccountChangePasswordView } from "../../../../../components/business/views";
import { UIXThemeProvider } from "../../../../../components/UIX";

/**
 * Admin Account Change Password Page
 * Allows admin users to change their account password
 */
function AdminAccountChangePasswordPage() {
  return (
    <UIXThemeProvider>
      <AdminAccountChangePasswordPageContent />
    </UIXThemeProvider>
  );
}

const AdminAccountChangePasswordPageContent = memo(function AdminAccountChangePasswordPageContent() {
  // Services
  const accountManager = useAccountManager();
  const authManager = useAuthManager();

  return (
    <AccountChangePasswordView
      userType="admin"
      accountManager={accountManager}
      authManager={authManager}
    />
  );
});
AdminAccountChangePasswordPageContent.displayName = 'AdminAccountChangePasswordPageContent';

export default AdminAccountChangePasswordPage;