1 files changed, 19 insertions, 0 deletions
diff --git a/src/components/common/OverlayView.tsx b/src/components/common/OverlayView.tsx
new file mode 100644
index 00000000..f0660614
--- /dev/null
+++ b/src/components/common/OverlayView.tsx
@@ -0,0 +1,19 @@
+import React from 'react';
+import {View, StyleSheet} from 'react-native';
+
+/**
+ * A blurred & darkened view that grows to its parents size. Designed to be used with overlaid components.
+ * @param children - children of this component.
+ */
+const OverlayView: React.FC = ({children}) => {
+  return <View style={styles.overlayView}>{children}</View>;
+};
+
+const styles = StyleSheet.create({
+  overlayView: {
+    flex: 1,
+    backgroundColor: '#00000080',
+  },
+});
+
+export default OverlayView;