import { Suspense } from 'react';
import { VehicleMaintenanceList } from '@/components/vehicle/VehicleMaintenance';
import { ListPageSkeleton } from '@/components/ui/skeleton';
import type { Metadata } from 'next';

export const metadata: Metadata = {
  title: '정비이력',
  description: '차량 정비 및 유지비 이력을 관리합니다',
};

export default function VehicleMaintenancePage() {
  return (
    <Suspense fallback={<ListPageSkeleton showHeader={false} showStats={true} statsCount={4} />}>
      <VehicleMaintenanceList />
    </Suspense>
  );
}
