Escrevendo um bloco para Gutenberg WordPress

Precisamos de um programador web. Você precisa escrever um bloco para Gutenberg WordPress escrito em React ES6.
Em resumo:
Há um div com um controlador que muda o estilo interno (estilo inline) do padding:
Atributos: {
NovoPadding: {
Tipo: 'número',
Padrão: 20,
}
Editar: ( props ) = > {
... // controlador
Const desktopStyles = {
Padding: newPadding
?

...
Tudo funciona bem, agora você precisa adicionar, digamos, uma media query para a versão móvel.
Estilo inline não suporta media query, mas tenho certeza de que de alguma forma você pode se encaixar no estilo através do script.
Escrevo isso aqui porque sou muito fraco nesse assunto. Acho que algo assim seria perfeito:
Atributos: {
NovoPadding: {
Tipo: 'número',
Padrão: 20,
}
NovoMobilePadding: {
Tipo: 'número',
Padrão: 0,
}
Editar: ( props ) = > {
... // controlador
Const styles = function(){)
Se (window.innerwidth)
Somente da maneira certa, você me entende. Eu terei perguntas.
Você chama o preço.