'use client';

import * as React from 'react';
import NextImage from 'next/image';

import CTA from '@/app/partner/sections/CTA';

import styles from './logo.wall.module.scss';

export default function LogoWall(props: {
  logoList: string[];
  title?: string;
  subtitle?: string;
  button?: string;
  disableCTA?: boolean;
}) {

  return (
    <section className="section">
      <div className="contain">
        <LogoItem logoList={props.logoList} />
        {!props.disableCTA && <CTA className={styles.cta} title={props.title} subtitle={props.subtitle} button={props.button} />}
      </div>
    </section>
  );
}

const LogoItem = (props: { logoList: string[] }) => {
  return (
    <div className={styles.logo}>
      {props.logoList.map((item: string) => (
        <NextImage
          src={`/partner/${item}.jpeg`}
          alt={item}
          width={139}
          height={40}
          key={item}
        />
      ))}
    </div>
  );
};