14 lines
616 B
JavaScript
14 lines
616 B
JavaScript
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>
|
|
);
|
|
|
|
} |