Écrire un bloc pour Gutenberg WordPress

Nous avons besoin d'un programmeur web. Vous devez écrire un bloc pour Gutenberg WordPress écrit en React ES6.
En résumé :
Il y a un div avec un contrôleur qui change le style interne (style en ligne) du padding :
Attributs : {
NewPadding : {
Type : 'number',
Par défaut : 20,
}
Modifier : ( props ) = > {
... // contrôleur
Const desktopStyles = {
Padding : newPadding
?

...
Tout fonctionne bien, maintenant vous devez ajouter, disons, une requête média pour la version mobile.
Le style en ligne ne prend pas en charge les requêtes média, mais je suis sûr que d'une manière ou d'une autre, vous pouvez l'adapter dans le style via un script.
J'écris cela ici parce que je suis très faible sur ce sujet. Je pense que quelque chose comme ça serait parfait :
Attributs : {
NewPadding : {
Type : 'number',
Par défaut : 20,
}
NewMobilePadding : {
Type : 'number',
Par défaut : 0,
}
Modifier : ( props ) = > {
... // contrôleur
Const styles = function(){)
Si (window.innerwidth)
Seulement de la bonne manière, vous me comprenez. J'aurai des questions.
Vous appelez le prix.