"use client";
import React from 'react';
import { ElectricVehicleData as ElectricVehicleDataType } from '@/types/api';
import {
  GeneralInfo,
  BatteryDetails,
  MotorDetails,
  ChargePortDetails,
  RangeFigures,
  TeslaSupercharging
} from './components';
import TransmissionDetails from './components/TransmissionDetails';

interface ElectricVehicleDataProps {
  electricVehicleData: ElectricVehicleDataType;
}

const ElectricVehicleData: React.FC<ElectricVehicleDataProps> = ({
  electricVehicleData
}) => {
  console.log('elete',electricVehicleData);
  return (
    <>
      <GeneralInfo electricVehicleData={electricVehicleData} />
      <BatteryDetails electricVehicleData={electricVehicleData} />
      <ChargePortDetails electricVehicleData={electricVehicleData} />
      <MotorDetails electricVehicleData={electricVehicleData} />
      <TransmissionDetails electricVehicleData={electricVehicleData} />
      <RangeFigures electricVehicleData={electricVehicleData} />
      <TeslaSupercharging electricVehicleData={electricVehicleData} />
    </>
  );
};

export default ElectricVehicleData;