Sofiya Tepikin
41 lines
945 B
JavaScript
41 lines
945 B
JavaScript
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
|