summaryrefslogtreecommitdiff
path: root/client/src/lib/components/close.js
blob: 12b4a0a89fe00a63b8630c5ae4bb970edc246ea3 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
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,
  },
})