Extracting SettingsButton component

2018-12-05 22:20:28 +01:00
parent 426a3bda30
commit e16fc39298
2 changed files with 26 additions and 19 deletions
@@ -0,0 +1,23 @@
+import React from 'react'
+
+import { TouchableOpacity } from 'react-native'
+import AppText from '../../app-text'
+import styles from '../../../styles'
+
+const SettingsButton = ({ children, ...props }) => {
+  return (
+    <TouchableOpacity
+      style={[
+        styles.settingsButton,
+        props.disabled ? styles.settingsButtonDisabled : null
+      ]}
+      { ...props }
+    >
+      <AppText style={styles.settingsButtonText}>
+        {children}
+      </AppText>
+    </TouchableOpacity>
+  )
+}
+
+export default SettingsButton