1 files changed, 23 insertions, 0 deletions
diff --git a/src/components/common/TabsGradient.tsx b/src/components/common/TabsGradient.tsx
new file mode 100644
index 00000000..a95e8bc3
--- /dev/null
+++ b/src/components/common/TabsGradient.tsx
@@ -0,0 +1,23 @@
+import React from 'react';
+import LinearGradient from 'react-native-linear-gradient';
+import {StyleSheet} from 'react-native';
+import {SCREEN_HEIGHT, SCREEN_WIDTH} from '../../utils';
+
+const TabsGradient: React.FC = () => {
+  return (
+    <LinearGradient
+      locations={[0, 1]}
+      colors={['transparent', 'rgba(0, 0, 0, 0.7)']}
+      style={styles.gradient}
+    />
+  );
+};
+const styles = StyleSheet.create({
+  gradient: {
+    position: 'absolute',
+    top: (SCREEN_HEIGHT / 10) * 9,
+    height: SCREEN_HEIGHT / 10,
+    width: SCREEN_WIDTH,
+  },
+});
+export default TabsGradient;