44 lines
1.0 KiB
JavaScript
44 lines
1.0 KiB
JavaScript
import { BlurView } from "expo-blur";
|
|
import React from "react";
|
|
import { Pressable, Text } from "react-native";
|
|
import { Routes } from "../navigation";
|
|
import { navigate } from "../navigation/NavigationService";
|
|
import { Palette } from "../styles";
|
|
import { FONT_FAMILY } from "../styles/Fonts";
|
|
export default function ConnectBtn({ style }) {
|
|
const handlePress = () => {
|
|
navigate(Routes.Login);
|
|
};
|
|
|
|
return (
|
|
<Pressable
|
|
onPress={handlePress}
|
|
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,
|
|
}}
|
|
>
|
|
{"Se connecter"}
|
|
</Text>
|
|
</BlurView>
|
|
</Pressable>
|
|
);
|
|
}
|