'use client';

export default function SearchFilters({
  values,
  onChange,
  onReset
}: {
  values: any;
  onChange: (v: any) => void;
  onReset: () => void;
}) {
  return (
    <div className="filters">
      <select
        value={values.status || ''}
        onChange={e => onChange({ ...values, status: e.target.value })}
      >
        <option value="">statut</option>
        <option value="pending">à traiter</option>
        <option value="shortlisted">entretien</option>
        <option value="accepted">accepté</option>
        <option value="rejected">refusé</option>
      </select>

      <input
        type="number"
        placeholder="score min"
        value={values.minScore || ''}
        onChange={e => onChange({ ...values, minScore: e.target.value })}
      />

      <input
        type="text"
        placeholder="recherche nom"
        value={values.q || ''}
        onChange={e => onChange({ ...values, q: e.target.value })}
      />

      <button onClick={onReset}>réinitialiser</button>
    </div>
  );
}