{"size": 1306, "ext": "js", "max_stars_repo_path": "Frontend/screens/Welcome.js", "max_stars_repo_name": "TechLabs-Dortmund/nutritional-value-determination", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "Frontend/screens/Welcome.js", "max_issues_repo_name": "TechLabs-Dortmund/nutritional-value-determination", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "Frontend/screens/Welcome.js", "max_forks_repo_name": "TechLabs-Dortmund/nutritional-value-determination", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 24.641509434, "max_line_length": 100, "alphanum_fraction": 0.539050536}
import React from 'react';
import { StatusBar } from 'expo-status-bar'
import CameraComponent from './CameraComponent';


//colors
import {colors} from './../components/styles';

import {
    InnerContainer,
    PageTitle,
    SubTitle,
    StyledFormArea,
    StyledButton,
    ButtonText,
    Line,
    WelcomeContainer,
    WelcomeImage,
    Avatar
} from './../components/styles';


const Welcome = ({navigation}) => {


    return (        
        <>
            <StatusBar style="light"/>
            <InnerContainer>
                    <WelcomeImage resizeMode="cover" source={require('./../assets/img/Food2.jpg')}/>
                <WelcomeContainer> 
                <PageTitle Welcome={true}>Welcome!</PageTitle>
                <SubTitle Welcome={true}>Velo Razakamaharavo</SubTitle>
                    <StyledFormArea>
                    <Avatar resizeMode="cover" source={require('./../assets/img/Food1.jpg')}/>
                    <Line/>
 
                    </StyledFormArea>
                </WelcomeContainer>

                <CameraComponent/>

                <StyledButton onPress={() => {navigation.navigate('Login')}}>
                <ButtonText>Logout</ButtonText>
            </StyledButton>

                </InnerContainer>
        </>
    );
};


export default Welcome;