react-native-web port of fmf app

1 files changed, 33 insertions, 0 deletions

diff --git a/client/src/lib/components/close.js b/client/src/lib/components/close.js
new file mode 100644
index 0000000..12b4a0a
--- /dev/null
+++ b/client/src/lib/components/close.js
@@ -0,0 +1,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,
+  },
+})