"use client";

import dynamic from "next/dynamic";

const VehicleReport = dynamic(() => import("@/components/vehicle/VehicleReport"), {
  ssr: false,
  loading: () => (
    <div className="flex h-64 items-center justify-center">
      <div className="text-muted-foreground">로딩 중...</div>
    </div>
  ),
});

export default function VehicleReportsPage() {
  return (
    <div className="container mx-auto py-6">
      <div className="mb-6">
        <h1 className="text-2xl font-bold">운행 리포트</h1>
        <p className="text-muted-foreground">차량 운행 통계 및 분석 리포트를 확인합니다.</p>
      </div>
      <VehicleReport />
    </div>
  );
}
