"use client";

import TeacherSlider from "../TeacherSlider";
import { ProcessedTeacher } from "@/src/lib/types/home";

type Teacher = {
  id: string | number;
  name: string;
  image: string;
  experienceYears: number;
  qualification: string;
};

export default function ClientTeacherScroller({
  teachers,
}: {
  teachers: ProcessedTeacher[];
}) {
  // Map ProcessedTeacher to Teacher type for TeacherSlider
  const mappedTeachers: Teacher[] = teachers.map((teacher) => ({
    id: teacher.id,
    name: teacher.name,
    image: teacher.profile_image,
    experienceYears: teacher.experienceYears,
    qualification: teacher.qualification,
  }));

  return <TeacherSlider teachers={mappedTeachers} />;
}