import Image from "next/image";
import { singleTeamProfile } from "@/data/singleTeam";

type TeamStickyImageProps = {
  stickyClass: string;
  imageRef: React.RefObject<HTMLDivElement | null>;
};

const TeamStickyImage = ({ stickyClass, imageRef }: TeamStickyImageProps) => {
  return (
    <div
      ref={imageRef}
      className={`team-img2 ${stickyClass}`.trim()}
      data-aos="fade-up"
      data-aos-duration={900}
      data-aos-delay={300}
    >
      <Image
        src={singleTeamProfile.imageSrc}
        alt={singleTeamProfile.imageAlt}
        width={520}
        height={620}
      />
    </div>
  );
};

export default TeamStickyImage;