import React from 'react'
import { CardWrwpper } from '../shared/card'
import Container from '../shared/container'

const PropertyList = ({data, locale}:{data:any, locale:string}) => {
  return (
    <Container>
    <div className="grid grid-cols-12  gap-[21px] w-full mx-auto mt-[600px] lg:mt-[165px]">
        
        {data?.data?.map((item: any) => {
            const place = {
                id: item.slug,
                title: item.title,
                name: item?.city?.name,
                price: item.price,
                currency: "AED",
            }
            return (

                <>
                    <CardWrwpper
                        className="col-span-12 md:col-span-6 lg:col-span-4 xl:col-span-4 !h-[300px] 2xl:!h-[479px]"
                        place={place}
                        imgUrl={item?.cover?.original_url}
                        locale={locale}
                    />
                </>
            )
        })}
    </div>
</Container>
  )
}

export default PropertyList