Написание блока для Gutenberg WordPress

Описание проекта:
Нужен веб программист. Требуется написание блока для Gutenberg WordPress, написанном на React ES6.
Коротко:
Имеется div с контроллером, изменяющий внутренний стиль (inline style) padding:
Attributes: {
NewPadding: {
Type: 'number',
Default: 20,
},
Edit: ( props ) => {
... // контроллер
Const desktopStyles = {
Padding: newPadding
}

...
Все работает замечательно, теперь требуется добавить, так скажем, media query для мобильной версии.
Inline style не поддерживает media query, но я уверен что как то через скрипт можно вписать в стиль,
За этим и пишу сюда, так как очень слаб в данном вопросе. Думаю что то вроде этого было бы идеально:
Attributes: {
NewPadding: {
Type: 'number',
Default: 20,
},
NewMobilePadding: {
Type: 'number',
Default: 0,
},
Edit: ( props ) => {
... // контроллер
Const styles = function(){
If (window.innerWidth
Только в правильном варианте, в общем, вы меня поняли. Будут вопросы пишите.
Цену называете вы.