export default function IndicateurCard({ indicateur, onClick, className }: any) {
  return (
    <div
      onClick={onClick}
      className={`p-4 border rounded-xl hover:border-[#2f7d5f] cursor-pointer transition ${className}`}>
      <h3 className="font-medium text-gray-800">{indicateur.libelle}</h3>
      <p className="text-xs text-gray-500">
        {`${indicateur.nombre_conventions} convention${indicateur.nombre_conventions > 1
          ? "s" : ""
          }`}
      </p>
    </div>
  );
}