import React from "react"
import { View, Text, StyleSheet } from "react-native";

export function TopBar(){
    return (
        <View style={TopBarStyle.bar}>
            <Text style={TopBarStyle.title}>La Super Météo</Text>
        </View>
    );
}

const TopBarStyle = StyleSheet.create({
    title : {
        fontSize : 30,
        fontWeigh : 'bold',
        color : '#B6D0E2'
    },
    bar : {
        width : '100%',
        backgroundColor : '#E9967A',
        alignItems : 'center',
        flexDirection : 'row',
        justifyContent : 'space-evenly',
        marginBottom : '150%'
    }
});