"use client";

import React, { Suspense } from "react";
import { useRouter } from "next/navigation";
import ReportsV2 from "@/components/reports/ReportsV2";

export default function SupervisorReportsPage() {
  const router = useRouter();
  return (
    <div className="w-full p-6">
      <Suspense fallback={<div className="text-sm text-gray-400">Loading…</div>}>
        <ReportsV2 onBack={() => router.push('/dashboard')} />
      </Suspense>
    </div>
  );
}