Pisanie bloku dla Gutenberg WordPress

Potrzebujemy programisty webowego. Musisz napisać blok dla Gutenberg WordPress napisany w React ES6.
Krótko mówiąc:
Jest div z kontrolerem, który zmienia wewnętrzny styl (styl inline) paddingu:
Atrybuty: {
NowyPadding: {
Typ: 'liczba',
Domyślnie: 20,
}
Edytuj: ( props ) = > {
... // kontroler
Const desktopStyles = {
Padding: newPadding
?

...
Wszystko działa dobrze, teraz musisz dodać, powiedzmy, zapytanie medialne dla wersji mobilnej.
Styl inline nie obsługuje zapytań medialnych, ale jestem pewien, że jakoś możesz dopasować się do stylu przez skrypt.
Piszę to tutaj, ponieważ jestem bardzo słaby w tej kwestii. Myślę, że coś takiego byłoby idealne:
Atrybuty: {
NowyPadding: {
Typ: 'liczba',
Domyślnie: 20,
}
NowyMobilnyPadding: {
Typ: 'liczba',
Domyślnie: 0,
}
Edytuj: ( props ) = > {
... // kontroler
Const styles = function(){)
Jeśli (window.innerwidth)
Tylko w odpowiedni sposób, rozumiesz mnie. Będę miał pytania.
Ty nazywasz cenę.