import {StyleSheet} from 'react-native';
import Constants from 'expo-constants';
export default StyleSheet.create({
  DetailContainer: {
    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',
    marginTop:24,
    fontWeight: 'bold'
  },
  IncidentValue:{
    marginTop:8,
    fontSize:15,
    color: '#737380'
  },
  contactBox:{
      padding:24,
      borderRadius: 8,
      backgroundColor: '#fff',
      marginBottom: 16,
  },
  HeroTitle:{
    fontWeight: 'bold',
    fontSize: 16,
    color: '#13131a',
    lineHeight: 30,
    textAlign: 'center'
  },
  HeroDescription:{
    fontSize:14,
    color: '#737380',
    marginTop: 16,
    textAlign:'center'
  },
  actions:{
    marginTop:16,
    flexDirection:'row',
    justifyContent: 'space-between'
  },
  action:{
    backgroundColor:'#e02041',
    borderRadius: 8,
    height: 50,
    width: '48%',
    justifyContent: 'center',
    alignItems: 'center'
  },
  actionText:{
    color:'#fff',
    fontWeight: 'bold',
    fontSize:15
  }
})