import * as React from "react"
import { Container, ListLayout } from "@/components"
import * as styles from "./index.module.scss"

interface IProps {
  data: StrapiLogoForLogoWall[]
}

const PartnerLogoWall: React.FC<IProps> = ({ data }) => {
  return (
    <div className={styles.partnerLogoWall}>
      <Container>
        {data && data.length > 0 && (
          <ListLayout listData={data}>
            {(item: StrapiLogoForLogoWall) => (
              <div className={styles.inner}>
                <img src={item.logo.media.url} alt={item.logo.alt} />
              </div>
            )}
          </ListLayout>
        )}
      </Container>
    </div>
  )
}

export default PartnerLogoWall