import { FC } from 'react';
import { BackHeader, Container, SafeScreen, Text } from 'components';
import { RootStackScreenProps } from 'navigation';
import { NavigationRoutes } from 'navigation/enum';
import { Inner } from 'components/profile';

export const Profile: FC<ProfileType> = ({ userId }) => {
  return (
    <SafeScreen edges={['top', 'bottom']}>
      <BackHeader
        isBack={true}
        leftElement={
          <Container ml="xs">
            <Text variant="title">My Profile</Text>
          </Container>
        }
      />
      <Inner setIsEdit={null} userId={userId} />
    </SafeScreen>
  );
};
type ProfileType = RootStackScreenProps<NavigationRoutes.Profile> & ProfileProps;
interface ProfileProps {
  userId: string;
}