'use client';

export default function JobsFiltersDrawer({
  open,
  values,
  onChange,
  onClose
}: {
  open: boolean;
  values: any;
  onChange: (v: any) => void;
  onClose: () => void;
}) {
  if (!open) return null;

  return (
    <div className="drawer-backdrop" onClick={onClose}>
      <div className="drawer" onClick={e => e.stopPropagation()}>
        <h3>filtres</h3>

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

        <select
          value={values.status || ''}
          onChange={e => onChange({ ...values, status: e.target.value })}
        >
          <option value="">statut</option>
          <option value="urgent">urgent</option>
          <option value="open">ouvert</option>
        </select>

        <button onClick={onClose}>appliquer</button>
      </div>
    </div>
  );
}