Einen Block für Gutenberg WordPress schreiben

Wir brauchen einen Webprogrammierer. Sie müssen einen Block für Gutenberg WordPress schreiben, der in React ES6 geschrieben ist.
Kurz gesagt:
Es gibt ein div mit einem Controller, der den internen Stil (Inline-Stil) des Abstands ändert:
Attribute: {
NewPadding: {
Typ: 'number',
Standard: 20,
}
Bearbeiten: ( props ) = > {
... // Controller
Const desktopStyles = {
Padding: newPadding
?

...
Alles funktioniert gut, jetzt müssen Sie zum Beispiel eine Medienabfrage für die mobile Version hinzufügen.
Inline-Stile unterstützen keine Medienabfragen, aber ich bin mir sicher, dass Sie irgendwie in den Stil über das Skript passen können.
Ich schreibe das hier, weil ich in diesem Thema sehr schwach bin. Ich denke, etwas wie das wäre perfekt:
Attribute: {
NewPadding: {
Typ: 'number',
Standard: 20,
}
NewMobilePadding: {
Typ: 'number',
Standard: 0,
}
Bearbeiten: ( props ) = > {
... // Controller
Const styles = function(){)
Wenn (window.innerwidth)
Nur auf die richtige Weise, Sie verstehen mich. Ich werde Fragen haben.
Sie nennen den Preis.