import NoPropertyListing from "@/public/images/no-listing-image.png"
import { FindAHomeContent } from "@/src/types/StaticContent/findahome.content.type"
import Image from 'next/image'

const NoPropertyDataListing = ({ NoPropertyListingContent }: { NoPropertyListingContent: FindAHomeContent['NO_PROPERTY_DATA_LISTING'] }) => {
  return (
    <div className="flex w-full h-full items-center justify-center min-h-[85dvh]">
      <div className='flex flex-col gap-[36px]'>
        <div className="w-full max-w-[273px] h-full max-h-[201px] mx-auto">
          <Image src={NoPropertyListing} alt="no-property-image" width={273} height={201} />
        </div>
        <div className='flex flex-col w-full max-w-[430px]'>
          <h4 className='!mb-0 text-black28 text-center'>{NoPropertyListingContent?.NO_PROPERTY_FOUND}</h4>
          <p className='text-size-fs16 text-grey54 !mb-0 text-center'>{NoPropertyListingContent?.NO_PROPERTY_FOUND_DEC}</p>
        </div>
      </div>
    </div>
  )
}

export default NoPropertyDataListing