import AutoCompleteSearch from "@/components/searchHead/smSearch/AutoCompleteSearch";
import specialties from "@/data/specialties.json";
import { clearFilterParams } from "@/helper";
import { useRouter } from "next/navigation";

function SearchField({ filter, setFilter, updateData, setDataInURL }) {
  const router = useRouter();

  const clearText = () => {
    clearFilterParams(router, ["name", "category", "specialty"]);
    const newFilter = {
      ...filter,
      ...{
        name: "",
        category: undefined,
        specialty: undefined,
      },
    };
    setFilter(newFilter);
    // setDataInURL(newFilter);
  };
  return (
    <div className="!min-w-[50%] !w-[524px]">
      <AutoCompleteSearch
        data={specialties}
        clearText={clearText}
        inputValue={filter.name}
        handleSearch={(e) => updateData("name", e)}
        placeholder="جستجوی نام پزشک، تخصص، بیماری ..."
      />
    </div>
  );
}

export default SearchField;