import React from 'react';
import {Image, StyleSheet} from 'react-native';
import LinearGradient from 'react-native-linear-gradient';
import {AvatarTitle} from '../../components';
import {AVATAR_DIM, TAGGS_GRADIENT} from '../../constants';
import {ProfileScreen, SocialMediaTaggs} from '../../screens';
import {AuthContext} from '../authentication';
import {ProfileStack} from './ProfileStack';

const Profile: React.FC = () => {
  return (
    <ProfileStack.Navigator
      initialRouteName="Profile"
      screenOptions={{headerShown: false}}>
      <ProfileStack.Screen name="Profile" component={ProfileScreen} />
      <ProfileStack.Screen
        name="SocialMediaTaggs"
        component={SocialMediaTaggs}
        options={{
          headerShown: true,
          headerTransparent: true,
          headerBackTitleVisible: false,
          headerTintColor: 'white',
          headerTitle: () => <AvatarTitle />,
        }}
      />
    </ProfileStack.Navigator>
  );
};

export default Profile;
