update

src/components/BorderGradientButton.js

@@ -1,11 +1,16 @@
-import { View, Text, Pressable } from "react-native";
+import { View, Text, Pressable, Image } from "react-native";
 import React from "react";
 import BorderGradient from "./BorderGradient/BorderGradient";
 import { Palette, Style } from "../styles";
 import { BlurView } from "expo-blur";
 import { FONT_FAMILY } from "../styles/Fonts";
+import { size } from "../styles/Style";
 
-const BorderGradientButton = ({ title = "J’ai déjà mes paroles", onPress }) => {
+const BorderGradientButton = ({
+  title = "J’ai déjà mes paroles",
+  onPress,
+  icon,
+}) => {
   return (
     <Pressable onPress={onPress}>
       <BorderGradient
@@ -38,9 +43,12 @@ const BorderGradientButton = ({ title = "J’ai déjà mes paroles", onPress })
               width: "100%",
               height: "100%",
               ...Style.containerCenter,
+              ...Style.containerRow,
               borderRadius: 14,
+              gap: 11,
             }}
           >
+            {icon && <Image source={icon} style={size({ size: 16 })} />}
             <Text
               style={{
                 fontSize: 15,