"use client";

import dynamic from "next/dynamic";

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

export default function VehicleTripsPage() {
  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>
      <VehicleTripHistory />
    </div>
  );
}