import React from 'react';
import { StyleSheet, Text, View, Image} from 'react-native';
import { block } from 'react-native-reanimated';

class Header extends React.Component {
    render() {
        return(
            <View style={Styles.Header}>
                <Image style={Styles.HeaderLogo} source={require('../Images/logo.png')} />
            </View>
        )
    }
}

const Styles = StyleSheet.create({
    Header: {
        color: '#ffffff',
        textAlign: 'center',
        display: 'flex',
        alignItems: 'center',
        paddingVertical: 15,
        paddingHorizontal: 10,
        marginTop: 10,
        height: 60,

    },
    HeaderLogo: {
        width: '40%',
        height: '100%',
        
    },
  });
  
export default Header;