{"size": 1548, "ext": "js", "max_stars_repo_path": "mobile/src/Components/Header/index.js", "max_stars_repo_name": "silas-silva/avaFilmes", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "mobile/src/Components/Header/index.js", "max_issues_repo_name": "silas-silva/avaFilmes", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "mobile/src/Components/Header/index.js", "max_forks_repo_name": "silas-silva/avaFilmes", "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": 27.6428571429, "max_line_length": 100, "alphanum_fraction": 0.4993540052}
/* eslint-disable */
import React from "react";
import { StyleSheet, View, Text, Image } from "react-native";
import LinearGradient from 'react-native-linear-gradient';
import GithubIcon from '../../assets/img/github.png';

function Header() {
    return (
        <View style={styles.styleHeader}>
            <LinearGradient start={{x: 0, y: 0}} end={{x: 1, y: 0}} colors={['#9D4E4B', '#210E0C']}>
                <View style={styles.containerCenter}>
                    <View style={styles.icons}>
                        <Text style={styles.headerTitle}>AvaFilmes</Text>
                        <View style={styles.git}>
                            <Image style={styles.image} source={GithubIcon} />
                            <Text style={{color: 'white'}}>/Silas-Silva</Text>
                        </View>
                    </View>
                </View>
            </LinearGradient>
        </View>
    );
}

const styles = StyleSheet.create({
    styleHeader: {
        flex: 1,
    },
    containerCenter: {
        alignItems: 'center'
    },
    icons: {
        width: '80%',
        paddingTop: 15,
        paddingBottom: 15,
        alignItems: 'center',
        flexDirection: "row",
        justifyContent: 'space-between',
    },
    headerTitle: {
        fontSize: 20,
        fontWeight: 'bold',
        color: 'white'
    },
    git: {
        flexDirection: "row",
        justifyContent: 'space-between',
        width: 100,
    },
    image: {
        width: 20,
        height: 20
    },
});

export default Header;