React Native Table Component TableHeader

TableHeader.js

import React from 'react'
import {View,Text,StyleSheet} from 'react-native'
import { color } from 'react-native-reanimated'
const TableHeader=()=> {
  return (
    <View style={styles.tableHeading}>
       <Text style={styles.tableHeadingText}>Name</Text>
       <Text style={styles.tableHeadingText}>Address</Text>
       <Text style={styles.tableHeadingText}>Contact</Text>
       <Text style={styles.tableHeadingTextStatus}>Tags</Text>
     </View>
  )
}
const styles=StyleSheet.create({
    tableHeadingTextStatus:{
        fontSize:16,
        width:207,
        fontWeight:'900',
        justifyContent:'center',
        alignSelf:'center',
        marginLeft:60,
        color:'#2D3748'
      },
      tableHeadingText:{
        fontSize:16,
        marginLeft:30,
        width:207,
        fontWeight:'900',
        justifyContent:'center',
        alignSelf:'center',
        textAlign:'left',
        color:'#2D3748'
      },
     tableHeading:{
       flexDirection:'row',
       width:900,
   backgroundColor:"#F7FAFC",
       height:50,
       color:'#2D3748'
     },
})
export default TableHeader