text: import {StyleSheet} from 'react-native';
  import Constants from 'expo-constants';
  
  export default StyleSheet.create({
      container: {
          flex:1,
          paddingHorizontal:24,
          paddingTop: Constants.statusBarHeight + 20,
      },
  
      header:{
          flexDirection:'row',
          justifyContent:'space-between',
          alignItems:'center'
      },
  
      incident:{
          padding: 24,
          borderRadius:8,
          backgroundColor:'#FFF',
          marginBottom:16,
          marginTop:48
      },
  
      incidentProperty:{
          fontSize:14,
          color:'#41414d',
          fontWeight:'bold',
          marginTop:24,
      },
  
      incidentValue: {
          marginTop: 8,
          fontSize: 15,
          color: '#737380'
      },
  
      contactBox:{
          padding: 24,
          borderRadius:8,
          backgroundColor:'#FFF',
          marginBottom:16,
      },
  
      heroTitle:{
          fontWeight:'bold',
          fontSize: 20,
          color: '#13131a',
          lineHeight:30,
      },
  
      heroDescription:{
          fontSize:15,
          color: '#737380',
          marginTop:16,
      },
  
      actions: {
          marginTop: 16,
          flexDirection:'row',
          justifyContent: 'space-between',
      },
  
      action:{
          backgroundColor:'#e02041',
          borderRadius: 8,
          height: 50,
          width: '48%',
          justifyContent: 'center',
          alignItems:'center',
      },
  
      actionText: {
          color:'#FFF',
          fontSize:15,
          fontWeight:'bold',
      }
  });