import SectionTitle from "../common/sectionTitle";
import { DiscoverSlides } from "./discoverSlids";

import { PropertyCard } from "@/types/property-card";

export default function Discover({ sectionTitleClassNames, sectionSlidesClassNames, properties }: { sectionTitleClassNames?: string, sectionSlidesClassNames?: string, properties?: PropertyCard[] }) {
  return (
    <>
      <section className="w-full overflow-x-hidden">
        <div className={sectionTitleClassNames}>
          <SectionTitle
            title="استكشف المشاريع لاكثر مشاهدة"
            description="اكتشف كلّ ما هو جديد حول المشاريع لتحظى بأفضل فرص الاستثمار."
            more
            href={'/search?tab=projects'}
          />
        </div>
      </section>
      <DiscoverSlides classNames={sectionSlidesClassNames} properties={properties} />
    </>
  );
}