Maria Zadnepryanets
38 lines
914 B
JavaScript
38 lines
914 B
JavaScript
import React from 'react'
|
|
import PropTypes from 'prop-types'
|
|
|
|
import { TouchableOpacity } from 'react-native'
|
|
import AppText from '../../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 |