import { MagnifyingGlassIcon } from '@heroicons/react/20/solid'; interface SearchInputProps { value: string; onChange: (value: string) => void; placeholder?: string; label?: string; className?: string; } export default function SearchInput({ value, onChange, placeholder = "Search...", label, className = "" }: SearchInputProps) { return (
{label && ( )}
onChange(e.target.value)} className="block w-full pl-10 pr-3 py-2 border border-gray-300 rounded-lg leading-5 bg-white placeholder-gray-500 focus:outline-none focus:placeholder-gray-400 focus:ring-1 focus:ring-blue-500 focus:border-blue-500 sm:text-sm" />
); }