为 Gutenberg WordPress 编写一个区块

我们需要一个网页程序员。你需要为用 React ES6 编写的 Gutenberg WordPress 写一个区块。
简而言之：
有一个带控制器的 div，可以改变内联样式的填充：
属性：{
NewPadding: {
类型：'number'，
默认值：20，
}
编辑：( props ) = > {
... // 控制器
常量 desktopStyles = {
填充：newPadding
?

...
一切正常，现在你需要添加，比如说，移动版本的媒体查询。
内联样式不支持媒体查询，但我相信你可以通过脚本以某种方式适应样式。
我在这里写这个是因为我对此问题非常薄弱。我认为这样的东西会很完美：
属性：{
NewPadding: {
类型：'number'，
默认值：20，
}
NewMobilePadding: {
类型：'number'，
默认值：0，
}
编辑：( props ) = > {
... // 控制器
常量 styles = function(){)
如果 (window.innerwidth)
只有以正确的方式，你明白我的意思。我会有问题。
你叫这个价格。