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

interface PropertiesSectionProps {
    properties: PropertyCard[];
}

export default function PropertiesSection({ properties }: PropertiesSectionProps) {
    return (
        <>
            <section className="w-full overflow-x-hidden">
                <div className="lg:px-20 md:px-10 px-5 pt-10">
                    <SectionTitle
                        title="العقارات"
                        description={
                            <>
                                اكتشف كلّ ما هو جديد حول العقارات لتحظى بأفضل سعر.
                            </>
                        }
                        more
                        href={'/search?tab=properties'}
                    />
                </div>
            </section>

            <PropertySlides properties={properties} />

        </>
    );
}