import PropertyCard from "@/components/homePage/PropertyCard"
import Container from "@/components/reusableComponent/Container"
import { getPropertyReadyToMove } from "@/lib/serverActions"
import { PageProps } from "@/types/page"
import { PropertyItem } from "@/types/property"


export default async function Page({ params } : PageProps) {
    // const t = useTranslations("ReadyPage");
    const { locale } = await params
  

    const data = await getPropertyReadyToMove(locale)
 
    const getReadyPropArray : PropertyItem[] = data?.data?.data
 

    return (
        <>
            <div className="h-[135px] "> search bar</div>
            <Container className="mt-[48px] mb-[120px]">
                <div className="grid xl:grid-cols-3 md:grid-cols-2  gap-6">
                    {getReadyPropArray.map((item) => (
                        <PropertyCard key={item.id} item={item} />
                    ))}
                </div>
            </Container>
        </>
    )
}