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',
    },
  });