Tâche

À l'aide de Tailwind CSS, créer un bouton répondant aux exigences suivantes :

1. Le bouton doit avoir un fond bleu (par exemple, bg-blue-500) ;
2. Au survol, la couleur de fond doit passer à une teinte de bleu plus foncée (par exemple, bg-blue-700) ;
3. Lorsqu'il est en focus, le bouton doit avoir une couleur de fond jaune (par exemple, bg-yellow-500) ;
4. Lorsqu'il est actif (pressé), la couleur de fond doit devenir une nuance de bleu encore plus foncée (par exemple, bg-blue-900) ;
5. Lorsqu'il est désactivé, le bouton doit apparaître avec une opacité de 50 % et un curseur indiquant qu'il n'est pas cliquable.

• Utiliser hover:bg-blue-700 pour l’état survolé ;
• Utiliser focus:bg-yellow-500 pour l’état de focus ;
• Utiliser active:bg-blue-900 pour l’état actif ;
• Utiliser opacity-50 cursor-not-allowed pour l’état désactivé.