import React, {Component} from 'react'
import EStyleSheet from 'react-native-extended-stylesheet'
import { View, Image, TouchableOpacity, ImageBackground } from 'react-native'

export default class HeaderTitle extends Component{
    constructor(){
        super(props)
    };
    styles = EStyleSheet.create({
        container:{
            flexDirection: 'row',
            justifyContent: 'space-between',
            alignItems: 'center',
            flex:1,
            paddingHorizontal: 10,
        },
        images:{
            width:20,
            height:20,
        },
        logo:{
            width:115,
            height:20
        }
    });
    mainPageHeader = (
            <View style={styles.container}>
                <TouchableOpacity>
                    <Image style={styles.images} source={require('../data/tag.png')}/>
                </TouchableOpacity>

                <TouchableOpacity>
                    <Image style={styles.logo} source={require('../data/log.png')}/>
                </TouchableOpacity>

                <TouchableOpacity>
                    <Image style={styles.images} source={require('../data/user.png')}/>
                </TouchableOpacity>
            </View>
        )
    tcPageHeader = (
        <View style={styles.container}>
            <TouchableOpacity>
                <Image style={styles.images} source={require('../data/user.png')}/>
            </TouchableOpacity>
        </View>
    )
    render(){
        return mainPageHeader
    }
}