import SectionTitle from "../common/sectionTitle";
import PropertyProjectSlides from "./propertyProjectSlides";

export default function PropertyProjectSection({ classNames, more = true, showTitle = true, properties, children }: { classNames?: string, more?: boolean, showTitle?: boolean, properties?: any[], children?: React.ReactNode }) {
  return (
    <>
      <section className={`${classNames}`}>
        {showTitle && (
          <SectionTitle
            title="مشاريعنا عقارية"
            description={
              <>
                اكتشف أحدث مشاريعنا العقارية بخيارات مرنة وجودة عالية.
              </>
            }
            more={more}
            href={'/search?tab=projects'}
          />
        )}
        <PropertyProjectSlides initialProjects={properties}>{children}</PropertyProjectSlides>

      </section>
    </>
  )
}