import type { Layout3ClientDetailItem } from "@/data/portfolio-layout3";

export default function Layout3ClientStrip({
  items,
  aosDelay,
}: {
  items: Layout3ClientDetailItem[];
  aosDelay: number;
}) {
  return (
    <div
      className="client-content"
      data-aos="fade-up"
      data-aos-duration={900}
      data-aos-delay={aosDelay}
    >
      {items.map((item) => {
        const TitleTag = item.heading;
        return (
          <div key={item.id} className="client-detail">
            <span className="sub-title">{item.subTitle}</span>
            <TitleTag className="title2">{item.title}</TitleTag>
          </div>
        );
      })}
    </div>
  );
}