22 lines
595 B
JavaScript
22 lines
595 B
JavaScript
'use client';
|
|
|
|
import { Search } from 'lucide-react';
|
|
|
|
export default function SearchBar({ searchTerm, onSearchChange }) {
|
|
return (
|
|
<div className="flex-1 relative">
|
|
<Search
|
|
className="absolute left-3 top-1/2 -translate-y-1/2 text-gray-400"
|
|
size={10}
|
|
/>
|
|
<input
|
|
type="text"
|
|
placeholder="Search..."
|
|
value={searchTerm}
|
|
onChange={(e) => onSearchChange(e.target.value)}
|
|
className="w-full pl-10 pr-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-teal-500"
|
|
/>
|
|
</div>
|
|
);
|
|
}
|