import React from "react";
import type { PartnersData } from "../types";

interface PartnersSectionProps {
  data: PartnersData;
}

export function PartnersSection({ data }: PartnersSectionProps) {

  return (
    <section id="partners" className="py-10 md:py-14 border-t border-[rgba(255,255,255,0.02)]">
      <div className="max-w-[1200px] mx-auto px-4 md:px-6">
        <h2 className="text-lg md:text-xl mb-4 md:mb-[18px] text-white">{data.title}</h2>
        <div className="flex flex-wrap gap-3 md:gap-[18px] items-center">
          {data.partners.map((partner, idx) => (
            <div
              key={idx}
              className="px-4 md:px-[22px] py-2 md:py-4 bg-[rgba(255,255,255,0.02)] rounded-md text-huilong-muted font-semibold text-sm md:text-base"
            >
              {partner}
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}