Move modern to the top

1 files changed, 20 insertions, 0 deletions

diff --git a/src/map/MapPadding.js b/src/map/MapPadding.js
new file mode 100644
index 00000000..b1927a1f
--- /dev/null
+++ b/src/map/MapPadding.js
@@ -0,0 +1,20 @@
+import { useEffect } from 'react';
+
+import { map } from './core/MapView';
+
+const MapPadding = ({
+  top, right, bottom, left,
+}) => {
+  useEffect(() => {
+    map.setPadding({
+      top, right, bottom, left,
+    });
+    return () => map.setPadding({
+      top: 0, right: 0, bottom: 0, left: 0,
+    });
+  }, [top, right, bottom, left]);
+
+  return null;
+};
+
+export default MapPadding;