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

import Touchable from './touchable'
import browser from './browser'

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

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