Compito

Utilizzando Tailwind CSS, creare un pulsante che soddisfi i seguenti requisiti:

1. Il pulsante deve avere uno sfondo blu (ad esempio bg-blue-500);
2. Al passaggio del mouse, il colore di sfondo deve cambiare in una tonalità di blu più scura (ad esempio bg-blue-700);
3. Quando è in stato di focus, il pulsante deve avere uno sfondo giallo (ad esempio bg-yellow-500);
4. Quando è attivo (premuto), il colore di sfondo deve cambiare in una tonalità di blu ancora più scura (ad esempio bg-blue-900);
5. Quando è disabilitato, il pulsante deve apparire con opacità al 50% e un cursore che indichi che non è cliccabile.

• Utilizzare hover:bg-blue-700 per lo stato hover;
• Utilizzare focus:bg-yellow-500 per lo stato focus;
• Utilizzare active:bg-blue-900 per lo stato attivo;
• Utilizzare opacity-50 cursor-not-allowed per lo stato disabilitato.