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>
  );
}