गुटेनबर्ग वर्डप्रेस के लिए एक ब्लॉक लिखना

हमें एक वेब प्रोग्रामर की आवश्यकता है। आपको React ES6 में लिखे गए गुटेनबर्ग वर्डप्रेस के लिए एक ब्लॉक लिखना होगा।
संक्षेप में:
एक डिव है जिसमें एक नियंत्रक है जो पैडिंग के आंतरिक स्टाइल (इनलाइन स्टाइल) को बदलता है:
गुण: {
नयाPadding: {
प्रकार: 'संख्या',
डिफ़ॉल्ट: 20,
}
संपादित करें: ( props ) = > {
... // नियंत्रक
कॉनस्ट डेस्कटॉपस्टाइल्स = {
पैडिंग: नयाPadding
?

...
सब कुछ ठीक काम कर रहा है, अब आपको मोबाइल संस्करण के लिए मीडिया क्वेरी जोड़ने की आवश्यकता है।
इनलाइन स्टाइल मीडिया क्वेरी का समर्थन नहीं करता है, लेकिन मुझे यकीन है कि आप किसी न किसी तरह से स्क्रिप्ट के माध्यम से स्टाइल में फिट हो सकते हैं।
मैं यह यहाँ लिखता हूँ क्योंकि मैं इस मुद्दे पर बहुत कमजोर हूँ। मुझे लगता है कि ऐसा कुछ आदर्श होगा:
गुण: {
नयाPadding: {
प्रकार: 'संख्या',
डिफ़ॉल्ट: 20,
}
नयामोबाइलPadding: {
प्रकार: 'संख्या',
डिफ़ॉल्ट: 0,
}
संपादित करें: ( props ) = > {
... // नियंत्रक
कॉनस्ट स्टाइल्स = फंक्शन(){)
यदि (window.innerwidth)
सिर्फ सही तरीके से, आप मुझे समझते हैं। मेरे पास सवाल होंगे।
आप कीमत बताते हैं।