Reorg overlay feature files

react/features/overlay/components/native/OverlayFrame.js

@@ -0,0 +1,38 @@
+// @flow
+
+import React, { Component, type Node } from 'react';
+import { SafeAreaView, View } from 'react-native';
+
+import { overlayFrame as styles } from './styles';
+
+/**
+ * The type of the React {@code Component} props of {@code OverlayFrame}.
+ */
+type Props = {
+
+    /**
+     * The children components to be displayed into the overlay frame.
+     */
+    children: Node,
+};
+
+/**
+ * Implements a React component to act as the frame for overlays.
+ */
+export default class OverlayFrame extends Component<Props> {
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    render() {
+        return (
+            <View style = { styles.container }>
+                <SafeAreaView style = { styles.safeContainer } >
+                    { this.props.children }
+                </SafeAreaView>
+            </View>
+        );
+    }
+}