import { AutocompleteSearch } from '@/components/search/AutocompleteSearch';
import { SearchResult } from '@/hooks/useSearch';

interface ParkSearchProps {
  value: string;
  onChange: (value: string) => void;
  placeholder?: string;
  onResultSelect?: (result: SearchResult) => void;
}

export function ParkSearch({ 
  value, 
  onChange, 
  placeholder = "Search parks, locations, descriptions...",
  onResultSelect 
}: ParkSearchProps) {
  return (
    <AutocompleteSearch
      placeholder={placeholder}
      types={['park']}
      limit={8}
      onSearch={(query) => onChange(query)}
      onResultSelect={onResultSelect}
      showRecentSearches={false}
      className="w-full"
    />
  );
}