text: // @flow
  import React from 'react';
  import {StyleSheet, Text, TouchableOpacity} from 'react-native';
  
  const HIT_SLOP = {top: 15, left: 15, right: 15, bottom: 15};
  
  const styles = StyleSheet.create({
      closeButton: {
          alignSelf: 'flex-end',
          height: 24,
          width: 24,
          borderRadius: 12,
          backgroundColor: 'rgba(0,0,0,0.2)',
          alignItems: 'center',
          justifyContent: 'center',
          marginTop: 35,
          marginRight: 25,
      },
      closeButton__text: {
          backgroundColor: 'transparent',
          fontSize: 35,
          lineHeight: 35,
          color: '#FFF',
          textAlign: 'center',
      },
  });
  
  export default ({onPress}: {onPress: () => *}) => (
      <TouchableOpacity
          hitSlop={HIT_SLOP}
          style={styles.closeButton}
          onPress={onPress}
      >
          <Text style={styles.closeButton__text}>×</Text>
      </TouchableOpacity>
  );
  