import { FiSearch } from 'react-icons/fi';
import styles from './index.module.scss';

interface ChatSearchProps {
  onSearch?: (value: string) => void;
  onFilter?: () => void;
}

const ChatSearch = ({ onSearch, onFilter }: ChatSearchProps) => {
  return (
    <div className={styles.chatSearchWrapper}>
      <div className={styles.inputGroup}>
        <FiSearch className={styles.searchIcon} size={24} />
        <input
          type="text"
          placeholder="Search"
          onChange={(e) => onSearch?.(e.target.value)}
        />
      </div>
    </div>
  );
};

export default ChatSearch;