update

src/components/ItemContainer/ItemContainer.js

@@ -4,17 +4,24 @@ import BorderGradient from "../BorderGradient/BorderGradient";
 import { BlurView } from "expo-blur";
 import { responsiveHeight } from "react-native-responsive-dimensions";
 
-const ItemContainer = ({ height = responsiveHeight(40), children }) => {
+const ItemContainer = ({
+  height = responsiveHeight(40),
+  children,
+  gradientProps,
+  style,
+}) => {
   return (
     <BorderGradient
       gradientProps={{
         colors: ["#FFFFFF00", "#FFFFFF"],
         start: { x: 0.3, y: 0 },
         end: { x: 1, y: 1 },
+        ...gradientProps,
       }}
       style={{
         ...styles.borderGradientStyle,
         height,
+        ...style,
       }}
     >
       <View style={styles.blurContainer}>

src/components/ItemContainer/ItemContainer.web.js

@@ -5,7 +5,12 @@ import { responsiveHeight } from "react-native-responsive-dimensions";
 import { BlurView } from "expo-blur";
 import { Style } from "../../styles";
 
-const ItemContainer = ({ height = responsiveHeight(40), children }) => {
+const ItemContainer = ({
+  height = responsiveHeight(40),
+  children,
+  gradientProps,
+  style,
+}) => {
   const [containerLayout, setContainerLayout] = useState(null);
 
   return (
@@ -20,10 +25,12 @@ const ItemContainer = ({ height = responsiveHeight(40), children }) => {
           start: { x: 0.3, y: 0 },
           end: { x: 1, y: 1 },
           locations: [0, 1],
+          ...gradientProps,
         }}
         style={{
           ...styles.borderGradientStyle,
           height: containerLayout?.height,
+          ...style,
         }}
       />
       <View