import React from 'react'
import { Text, Platform } from 'react-native'
import { SafeAreaView } from 'react-native-safe-area-context'

interface IProps {
  title:string
}
export function NavBar({title,...props} :IProps ) {
  if (Platform.OS === 'web') {
    return null
  }
  return (
    <SafeAreaView
      style={{
        backgroundColor: '#f5f5f5',
        alignItems: 'center',
      }}
    >
      <Text>{title}</Text>
    </SafeAreaView>
  )
}