import { ComponentPartnerOne, Maybe } from "@/types/gpl/graphql";
import s from "./index.module.scss";
import Image from "@/modules/common/components/image";
import { Link } from "@/lib/i18n/navigation";
interface Props {
  param: Maybe<ComponentPartnerOne> | undefined;
}

export default async function NewOne({ param }: Props) {
  return (
     <div className={s.contentBox} style={{ backgroundImage: `url(${param?.back?.url})` }}>
        <div className={s.center}>
           <div className={s.title}>{param?.title}</div>
           <div className={s.list}>
                         {
               param?.imgs?.map((item,index) => (
                  <div key={index} className={s.item}>
                     <Image image={item} />
                  </div>
               ))
            }
           </div>

        </div>
   </div>
  );
}

   .contentBox {
     padding: 100px 0;
     width: 100%;
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;

     .center {
       width: 100%;
       max-width: var(--max-width);
       margin: 0 auto;

       .title {
         font-size: 24px;
         font-weight: bold;
         color: #fff;
         text-align: center;
         margin-bottom: 40px;
       }

       .list {
         display: flex;
         justify-content: center;
         align-items: center;
         flex-wrap: wrap;
         gap: 20px;

         .item {
           height: 100px;
           width: 150px;
         }
       }



     }
   }