import React from 'react';
import {StatusBar} from 'react-native';
import Animated from 'react-native-reanimated';
import {Content, Cover, TabsGradient} from '../../components';
import {AuthContext} from '../../routes/authentication';

/**
 * Profile Screen for a user's logged in profile
 * including posts, messaging, and settings
 */
const ProfileScreen: React.FC = () => {
  const {user} = React.useContext(AuthContext);
  const y = Animated.useValue(0);
  return (
    <>
      <StatusBar />
      <Cover {...{y, user}} />
      <Content {...{y, user}} />
      <TabsGradient />
    </>
  );
};

export default ProfileScreen;
