Calendar redesign

components/settings/common/settings-button.js

@@ -0,0 +1,38 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import { TouchableOpacity } from 'react-native'
+import AppText from '../../common/app-text'
+import styles from '../../../styles'
+
+const SettingsButton = ({ children, style, secondary, ...props }) => {
+  return (
+    <TouchableOpacity
+      style={[
+        styles.settingsButton,
+        secondary ? null : styles.settingsButtonAccent,
+        props.disabled ? styles.settingsButtonDisabled : null,
+        style
+      ]}
+      { ...props }
+    >
+      <AppText style={
+        secondary ?
+          styles.settingsButtonSecondaryText :
+          styles.settingsButtonText
+      }>
+        {children}
+      </AppText>
+    </TouchableOpacity>
+  )
+}
+
+SettingsButton.propTypes = {
+  children: PropTypes.node,
+  disabled: PropTypes.bool,
+  onPress: PropTypes.func.isRequired,
+  secondary: PropTypes.bool,
+  style: PropTypes.object
+}
+
+export default SettingsButton