// Composant StatCard pour afficher une statistique
const StatCard = ({ title, value, icon, color = "blue" }) => (
  <div className="bg-white p-6 rounded-lg shadow-sm border border-gray-100">
    <div className="flex justify-between items-start">
      <div>
        <h3 className="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-full bg-${color}-100`}>
        {icon}
      </div>
    </div>
  </div>
);

export default StatCard;