import { getImageUrl } from '@/utils/getImageUrl';

export type PaymentGatewaysProps = {
  title: string;
  images: { src: string; alt: string }[];
};

export default function PaymentGatewaysSection({
  title,
  images,
}: PaymentGatewaysProps) {
  return (
    <section className="bg-[#F8F8F8] py-10 font-inter md:py-20">
      <div className="container px-4 md:px-28">
        <h3 className="mb-8 text-center font-semibold">{title}</h3>

        <div className="flex flex-wrap justify-center gap-x-12 gap-y-6">
          {images?.map((img, i) => (
            <img key={i} src={getImageUrl(img.src)} alt={img.alt} />
          ))}
        </div>
      </div>
    </section>
  );
}