Table Component - Copy this React, Tailwind Component to your project

Genera una pagina con una tabella contenente le seguenti colonne: magazzino, articolo, giacenza, differenza, bisogno. La cella bisogno deve essere cliccabile e rimandare ad una dialog per impostare un valore intero. Nelle celle differenza oltre ad un numero ci deve essere un cerchio verde (numero maggiore di 5), giallo (numero tra due e 5) o rosso (numero minore di 5). Tutte le colonne devono essere ordinabili. In testa alla pagina aggiungi un campo di ricerca per magazzino, un campo di ricerca per magazzino, una drop down per selezionare gli stati normale, attenzione o critico. A destra un pulsante ingranaggio per i settings e un pulsante esportazione excel.