import SectionTitle from "../common/sectionTitle";
import MarketSlides from "./MarketSlides";
import { PropertyCard } from "@/types/property-card";

interface MarketSectionProps {
  sectionTitleClassNames?: string;
  marketSlidesClassNames?: string;
  showMore?: boolean;
  properties: PropertyCard[];
}

export default function MarketSection({ sectionTitleClassNames, marketSlidesClassNames, showMore = true, properties }: MarketSectionProps) {
  return (
    <>
      <section className="w-full overflow-x-hidden">
        <div className={sectionTitleClassNames}>
          <SectionTitle
            title="تسويق عقارات الملاك"
            description="عقار من المالك مباشرة… سهولة في التواصل وفرص أفضل للاتفاق"
            more={showMore}
            href={'/search?tab=marketing'}
          />
        </div>
      </section>
      <MarketSlides classNames={marketSlidesClassNames} properties={properties} />
    </>
  );
}