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

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

/**
 * Account Detail Page for Admin Users
 * Displays profile information for Executive, Management, and Frontline staff
 */
function AdminAccountDetailPage() {
  return (
    <UIXThemeProvider>
      <AdminAccountDetailPageContent />
    </UIXThemeProvider>
  );
}

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

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

export default AdminAccountDetailPage;