'use strict';

import React, {Component} from 'react';

import ReactNative, {
    View,
    Text,
    Image,
    TouchableOpacity,
    StyleSheet,
    Dimensions,
} from 'react-native';

export default class HeadTitleCell extends Component{


	constructor(props) {
	  super(props);
	}


	render() {

		let {title} = this.props;

		return (
			<View style={styles.container}>
				<Text style={styles.headerText}>{title}</Text>
			</View>
        );
	}

};

let {width, height} = Dimensions.get('window');


let styles = StyleSheet.create({

	container: {
        width: width,
		height: 40,
        backgroundColor: '#f0f0f0',
        flexDirection: 'row',
		justifyContent: 'center',
		alignItems: 'center',
    },


    headerText:{
		fontSize: 16,
		color: '#444444',
		textAlign: 'center',
		fontWeight: 'bold',
	},

});