2 files changed, 24 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;
diff --git a/src/components/common/index.ts b/src/components/common/index.ts
index 8d0ef778..63a7b9c2 100644
--- a/src/components/common/index.ts
+++ b/src/components/common/index.ts
@@ -5,3 +5,4 @@ export {default as NavigationIcon} from './NavigationIcon';
 export {default as GradientBackground} from './GradientBackground';
 export {default as Post} from './post';
 export {default as SocialIcon} from './SocialIcon';
+export {default as TabsGradient} from './TabsGradient';