text: const styles = {
    container: {
      position: 'relative'
    },
    avatarWrapper: {
      overflow: 'hidden',
      marginRight: 16
    },
    avatar: {
      resizeMode: 'contain',
      overflow: 'hidden'
    },
    presenceWrapper: {
      width: 22,
      height: 22,
      justifyContent: 'center',
      alignItems: 'center',
      position: 'absolute',
      bottom: 0,
      right: 4,
      overflow: 'hidden',
      borderRadius: 18
    },
    presence: {
      width: 14,
      height: 14,
      borderRadius: 14,
      resizeMode: 'contain'
    },
    noAvatar: {
      overflow: 'hidden',
      justifyContent: 'center',
      alignItems: 'center',
      marginRight: 16
    },
    letter: {
      fontSize: 18,
      fontWeight: 'bold'
    }
  };
  
  export default styles;
  