import SingleProperty from "../../../../src/components/property/SingleProperty";
import {  getSinglePropertyData } from "@/lib/serverActions";
import { Metadata } from "next";

export async function generateMetadata({ params }: any): Promise<Metadata> {
  const { locale, slug } = await params;
  const singleBlog = await getSinglePropertyData(slug, locale);
   return {
    title: singleBlog?.data?.locales?.name,
    description: singleBlog?.data?.locales?.meta_description,
    openGraph: {
      images: [
        {
          url: singleBlog?.data?.images[0]?.image,
        },
      ],
    },
  };
}

export default async function Page({ params }: any) {
  const { locale, slug } = await params;
  //   const t = await getTranslations("blog");

  const data = await getSinglePropertyData(slug, locale);
 
  return (
    <div className="mb-[120px]">
      <SingleProperty data={data} locale={locale} />

      {/* {data?.data?.images?.length === 1 && (
        <Banner
          img={data?.data?.images?.[0]?.original_url|| defaultimg}
          title={""}
          description={""}
          withoutShadow
        />
      )}
      {data?.data?.images?.length > 1 && (
        <HomeSlider imagesOnly data={data?.data} />
      )} */}

      {/* <Banner
        // img={data?.data?.images?.[0]?.original_url || defaultimg}
        img={data?.data?.image?.original_url || defaultimg}
        title={""}
        description={""}
        classNameWrapper="!pt-[30px]"
        withoutShadow
      /> */}

   
    </div>
  );
}