import React, { useEffect, useState } from "react";

function useFilterDirectory( directoriesData: any) {
  const [Query, setQuery] = useState<string>("");

  const [directories, setdirectories] = useState(directoriesData);

  const handleDirectorySearch = () => {
    if(Query != ""){
     const res = directoriesData.filter((item: any) => item.name.toLowerCase().includes(Query.toLowerCase()));
      setdirectories(res)
    }else{
      setdirectories(directoriesData)
    }
  }

  useEffect(() => {
    handleDirectorySearch();
  }, [Query]);

  console.log('hook is working')


  return {
    directoriesData: directoriesData,
    handleDirectorySearch,
    Query,
    setQuery,
    directories : directories,
    dd: directoriesData
  }
}

export default useFilterDirectory;