import React, { Component } from 'react';
import {
  StyleSheet,
  TouchableOpacity,
  Image
} from 'react-native';
import DeviceInfo from 'react-native-device-info'

export default class Close extends Component {
  render() {
    return (
      <TouchableOpacity onPress={this.props.onPress} style={styles.close}>
        <Image key={'image_close'} source={require('../../img/close.png')} style={styles.closeImage} />
      </TouchableOpacity>
    )
  }
}

const styles = StyleSheet.create({
  close: {
    position: 'absolute',
    top: 10,
    right: 10,
    width: 40,
    height: 40,
    padding: 5,
    backgroundColor: 'black'
  },
  closeImage: {
    width: 30,
    height: 30,
  },
})