text: import { StyleSheet } from 'react-native'
  export const hairlineWidth = StyleSheet.hairlineWidth
  export default {
    overlay: {
      position: 'absolute',
      top: 0,
      right: 0,
      bottom: 0,
      left: 0,
      opacity: 0.4,
      backgroundColor: '#000'
    },
    wrapper: {
      flex: 1,
      flexDirection: 'row'
    },
    body: {
      flex: 1,
      alignSelf: 'flex-end',
      margin: 8,
    },
    titleBox: {
      height: 40,
      alignItems: 'center',
      justifyContent: 'center',
      backgroundColor: '#E5E5E5',
      borderTopLeftRadius: 14,
      borderTopRightRadius: 14,
    },
    titleText: {
      color: '#757575',
      fontSize: 13,
    },
    messageBox: {
      height: 30,
      paddingLeft: 10,
      paddingRight: 10,
      paddingBottom: 10,
      alignItems: 'center',
      justifyContent: 'center',
      backgroundColor: '#E5E5E5',
    },
    messageText: {
      color: '#9a9a9a',
      fontSize: 12
    },
    buttonBox: {
      height: 50,
      marginTop: hairlineWidth,
      alignItems: 'center',
      justifyContent: 'center',
      backgroundColor: '#E5E5E5'
    },
    buttonBoxEnd: {
      height: 50,
      marginTop: hairlineWidth,
      alignItems: 'center',
      justifyContent: 'center',
      backgroundColor: '#E5E5E5',
      borderBottomLeftRadius: 14,
      borderBottomRightRadius: 14,
    },
    buttonText: {
      fontSize: 18
    },
    cancelButtonBox: {
      height: 50,
      marginTop: 6,
      alignItems: 'center',
      justifyContent: 'center',
      backgroundColor: 'white',
      borderRadius: 14,
    }
  }
  