text: import React from 'react';
  import PropTypes from 'prop-types';
  import { TouchableOpacity, StyleSheet } from 'react-native';
  import Icon from 'react-native-vector-icons/MaterialIcons';
  import { NavigationActions } from 'react-navigation';
  import { COLOR_TEXT } from '../constants/colors';
  
  const styles = StyleSheet.create({
  	button: {
  		width: 25,
  		height: 25,
  		marginTop: 5
  	},
  	icon: {
  		color: COLOR_TEXT,
  		left: -5
  	}
  });
  
  export default class CloseModalButton extends React.PureComponent {
  	static propTypes = {
  		navigation: PropTypes.object.isRequired
  	}
  
  	render() {
  		return (
  			<TouchableOpacity
  				onPress={() => this.props.navigation.dispatch(NavigationActions.back())}
  				style={styles.button}
  				testID='close-modal-button'
  			>
  				<Icon
  					style={styles.icon}
  					name='close'
  					size={25}
  				/>
  			</TouchableOpacity>
  		);
  	}
  }
  