// Composant StatCard pour afficher une statistique
const StatCard = ({ title, value, icon, color = 'blue' }) => (
  <div className="bg-neutral p-6 rounded-md shadow-sm border border-gray-100">
    <div className="flex justify-between items-start">
      <div>
        <h3 className="font-headline text-gray-500 text-sm font-medium">{title}</h3>
        <p className="text-2xl font-semibold mt-1">{value}</p>
      </div>
      <div className={`p-3 rounded bg-${color}-100`}>{icon}</div>
    </div>
  </div>
);

export default StatCard;
