import type { Layout1ClientMetaItem } from "@/data/portfolio-layout1";

export default function Layout1ClientMeta({ items }: { items: Layout1ClientMetaItem[] }) {
  return (
    <div
      className="client-info"
      data-aos="fade-left"
      data-aos-duration={900}
      data-aos-delay={400}
    >
      <div className="row">
        {items.map((item) => {
          const TitleTag = item.heading;
          const blockClass =
            item.blockVariant === "v2" ? "client-detail v2" : "client-detail";

          return (
            <div key={item.id} className="col-lg-3 col-md-6 col-sm-6">
              <div className={blockClass}>
                <span className="sub-title">{item.subTitle}</span>
                <TitleTag className="title2">{item.title}</TitleTag>
              </div>
            </div>
          );
        })}
      </div>
    </div>
  );
}