import Screen from "@/components/Screen";
import {SafeAreaView, Text} from "react-native";
import React from "react";

const socialNetworkButtons: ISocialNetworkButtons[] = [
  { icon: "instagram" },
  { icon: "facebook" },
  { icon: "linkedin" },
];

interface ISocialNetworkButtons {
  icon: any;
}

export default function LoginPage() {
  return (
      <SafeAreaView>
        <Screen>
          <Text>Tmp</Text>
        </Screen>
      </SafeAreaView>

    // <Screen>
    //   <Box className="h-full justify-center">
    //     <VStack space="2xl">
    //       <VStack space="sm">
    //         <Heading className="text-center" size="3xl">
    //           Connexion à Optifit
    //         </Heading>
    //         <Text size="lg" className="text-center">
    //           Personnalise ton expérience du sport avec Optifit, ton nouveau
    //           coach IA.
    //         </Text>
    //       </VStack>
    //       <LoginForm />
    //       <ButtonGroup className="justify-center" flexDirection="row">
    //         {socialNetworkButtons.map((socialNetworkButton) => (
    //           <Button
    //             key={socialNetworkButton.icon}
    //             size="xl"
    //             variant="outline"
    //             action="primary"
    //           >
    //             <Feather name={socialNetworkButton.icon} size={27} />
    //           </Button>
    //         ))}
    //       </ButtonGroup>
    //       <VStack>
    //         <HStack className="justify-center items-center" space="xs">
    //           <Text>Tu n'as pas encore de compte ?</Text>
    //           <Link href="/(auth)/sign-in">
    //             <LinkText bold={true}>Inscris-toi !</LinkText>
    //           </Link>
    //         </HStack>
    //         <Link className="text-center" href="/reset-password">
    //           <LinkText bold={true}>Mot de passe oublié ?</LinkText>
    //         </Link>
    //       </VStack>
    //     </VStack>
    //   </Box>
    // </Screen>
  );
}