end of home

src/components/ShareBtn/ShareBtn.js

@@ -0,0 +1,31 @@
+import React from "react";
+import { BlurView } from "expo-blur";
+import { Pressable } from "react-native";
+import { Entypo } from "@expo/vector-icons";
+
+export default function ShareBtn({ style, onPress = null }) {
+  return (
+    <Pressable
+      onPress={onPress}
+      disabled={!onPress}
+      style={{
+        ...style,
+      }}
+    >
+      <BlurView
+        intensity={20}
+        tint="dark"
+        style={{
+          padding: 12,
+          borderRadius: 15,
+          overflow: "hidden",
+          flexDirection: "row",
+          alignItems: "center",
+          justifyContent: "center",
+        }}
+      >
+        <Entypo name="share-alternative" size={18} color="white" />
+      </BlurView>
+    </Pressable>
+  );
+}

src/components/ShareBtn/ShareBtn.web.js

@@ -0,0 +1,41 @@
+import React from "react";
+import { BlurView } from "expo-blur";
+import { Pressable, Text } from "react-native";
+import { Palette } from "../../styles";
+import { FONT_FAMILY } from "../../styles/Fonts";
+import { Entypo } from "@expo/vector-icons";
+
+export default function ShareBtn({ style, onPress = null }) {
+  return (
+    <Pressable
+      onPress={onPress}
+      disabled={!onPress}
+      style={{
+        ...style,
+      }}
+    >
+      <BlurView
+        style={{
+          paddingHorizontal: 10,
+          paddingVertical: 5,
+          borderRadius: 15,
+          flexDirection: "row",
+          alignItems: "center",
+          justifyContent: "center",
+        }}
+      >
+        <Text
+          style={{
+            fontSize: 14,
+            color: Palette.white,
+            fontFamily: FONT_FAMILY.InterRegular,
+            marginRight: 5,
+          }}
+        >
+          {"Partager l’expérience"}
+        </Text>
+        <Entypo name="share-alternative" size={16} color="white" />
+      </BlurView>
+    </Pressable>
+  );
+}