'use client';
import { useRouter } from 'next/navigation';
import { routes } from '@/lib/site';
import { EntityPicker } from './entity-picker';

/** EntityPicker that navigates to the picked country / indicator page. */
export function EntityPickerNav({ type, placeholder, className }: { type: 'country' | 'indicator'; placeholder: string; className?: string }) {
  const router = useRouter();
  return <EntityPicker type={type} placeholder={placeholder} className={className} onPick={(e) => router.push(type === 'country' ? routes.country(e.slug) : routes.indicator(e.slug))} />;
}