Escribiendo un bloque para Gutenberg WordPress

Necesitamos un programador web. Necesitas escribir un bloque para Gutenberg WordPress escrito en React ES6.
En resumen:
Hay un div con un controlador que cambia el estilo interno (estilo en línea) del padding:
Atributos: {
NuevoPadding: {
Tipo: 'número',
Por defecto: 20,
}
Editar: ( props ) = > {
... // controlador
Const estilosDeEscritorio = {
Padding: nuevoPadding
?

...
Todo funciona bien, ahora necesitas agregar, digamos, una consulta de medios para la versión móvil.
El estilo en línea no soporta consultas de medios, pero estoy seguro de que de alguna manera puedes ajustarlo a través del script.
Escribo esto aquí porque soy muy débil en este tema. Creo que algo así sería perfecto:
Atributos: {
NuevoPadding: {
Tipo: 'número',
Por defecto: 20,
}
NuevoPaddingMóvil: {
Tipo: 'número',
Por defecto: 0,
}
Editar: ( props ) = > {
... // controlador
Const estilos = function(){)
Si (window.innerwidth)
Solo de la manera correcta, me entiendes. Tendré preguntas.
Llamas al precio.