import searchIcon from '../../assets/images/SearchIcon.svg'

export default function Searchbar({ onChange }) {

    return (   
        <div className="relative h-fit">
            <div className="absolute inset-y-0 left-2 flex items-center pointer-events-none">
                <img alt={''} src={searchIcon}/>
            </div>
            <input onChange={onChange} id="default-search" className="block border-none shadow transition duration-600 focus:shadow-red-300 focus:ring-red-300 w-80 p-2 pr-5 font-[Vazirmatn] pl-2 rounded-lg placeholder:text-gray-500" placeholder="جستجو" />
        </div>
    );

}