"use client"
import React, { Dispatch, SetStateAction } from "react"
import FilterWrapper from "./components/FilterWrapper"
import Button from "../shared/reusableComponents/Reusablebutton"
import CustomSelect from "../shared/reusableComponents/CustomSelect"
import Customsearch from "../shared/reusableComponents/Customsearch"
import Bedrooms from "../icons/Bedrooms"
import Size from "../icons/Size"
import Types from "../icons/Types"
import Range from "../icons/Range"
import FilterIcon from "../icons/FilterIcon"
import HomeFilter from "./homeFilter"
import PropertiesFilter from "./components/offPlanFilter"
import OffPlanFilter from "./components/offPlanFilter"
type FilterProps = {
    setOpen?: Dispatch<SetStateAction<boolean>>
    filterType?: string;
formOptions?:any
locale:string
}

const Filter = (props: FilterProps) => {
    

    return (
        <>
        
            {props.filterType === "home" && <HomeFilter  locale={props?.locale} />}
            {/* {props.filterType === "property" && <PropertiesFilter formOptions={props.formOptions} setOpen={props.setOpen} />}
            {props.filterType === "Ready to move" && <PropertiesFilter formOptions={props.formOptions} setOpen={props.setOpen} />} */}
            {  props.filterType === "Off plan"   && <OffPlanFilter locale={props?.locale} slug={props.filterType} formOptions={props.formOptions} setOpen={props.setOpen} />}
            {  props.filterType === "Ready to move"    && <OffPlanFilter  locale={props?.locale} slug={props.filterType} formOptions={props.formOptions} setOpen={props.setOpen} />}
            {  props.filterType === "properites"    && <OffPlanFilter locale={props?.locale} slug={props.filterType} formOptions={props.formOptions} setOpen={props.setOpen} />}
        </>
    )
}

export default Filter