"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>
  );
}