import { useQuery } from '@tanstack/react-query';
import { dbisAdminApi } from '@/services/api/dbisAdminApi';
import LoadingSpinner from '@/components/shared/LoadingSpinner';
import './MetaverseEdgePage.css';

export default function MetaverseEdgePage() {
  const { data, isLoading } = useQuery({
    queryKey: ['metaverse-edge'],
    queryFn: () => dbisAdminApi.getMetaverseEdgeDashboard(),
  });

  if (isLoading) return <LoadingSpinner fullPage />;

  return (
    <div className="page-container">
      <h1>Metaverse & Edge</h1>
      <p>Metaverse & Edge Dashboard Content</p>
    </div>
  );
}
