"use client";

import {
  VehicleCompanyServiceClient,
  type Company,
} from "@/app/services/VehicleCompanyServiceClient";

export function TyreWheelClient({
  initialCarCompanies,
  initialBikeCompanies,
  initialVehicleType,
  initialErrorMessage,
}: {
  initialCarCompanies?: Company[];
  initialBikeCompanies?: Company[];
  initialVehicleType?: "car" | "bike";
  initialErrorMessage?: string;
}) {
  return (
    <VehicleCompanyServiceClient
      initialCarCompanies={initialCarCompanies}
      initialBikeCompanies={initialBikeCompanies}
      initialVehicleType={initialVehicleType}
      initialErrorMessage={initialErrorMessage}
      copy={{
        currentPage: "Tyre & Wheel",
        eyebrow: "Tyre and wheel care",
        title: "Choose car or bike tyre service.",
        lead: (locationName) =>
          `Select the vehicle type first, then choose the company for puncture repair, air leak, wheel balancing, tyre checks, or alloy wheel support${locationName ? ` in ${locationName}` : ""}.`,
        serviceName: "Tyre & Wheel Service",
        servicePath: "tyre-wheel",
        packageType: "tyre_wheel_service",
        cardSubtitle: "Tap to request tyre service",
        carDescription: "Puncture repair, air leaks, wheel balancing, tyre checks, and alloy care.",
        bikeDescription: "Puncture repair, air checks, tyre inspection, and wheel support.",
      }}
    />
  );
}