1import { useState, useEffect } from 'react';
2import { useDebounce } from '@danixsoft/hooks';
3
4function SearchComponent() {
5  const [search, setSearch] = useState('');
6  const debouncedSearch = useDebounce(search, 500);
7
8  useEffect(() => {
9    if (debouncedSearch) {
10      // Call your API here
11      console.log('Searching for:', debouncedSearch);
12    }
13  }, [debouncedSearch]);
14
15  return (
16    <input 
17      value={search} 
18      onChange={(e) => setSearch(e.target.value)} 
19      placeholder="Search..."
20    />
21  );
22}