Maria Zadnepryanets
38 lines
776 B
JavaScript
38 lines
776 B
JavaScript
import React from 'react'
|
|
import { StyleSheet, Switch, View } from 'react-native'
|
|
import PropTypes from 'prop-types'
|
|
|
|
import AppText from './app-text'
|
|
|
|
import { Containers } from '../../styles'
|
|
|
|
const AppSwitch = ({ onToggle, text, value }) => {
|
|
return (
|
|
<View style={styles.container}>
|
|
<View style={styles.textContainer}>
|
|
<AppText>{text}</AppText>
|
|
</View>
|
|
<Switch onValueChange={onToggle} style={styles.switch} value={value} />
|
|
</View>
|
|
)
|
|
}
|
|
|
|
AppSwitch.propTypes = {
|
|
onToggle: PropTypes.func.isRequired,
|
|
text: PropTypes.string,
|
|
value: PropTypes.bool
|
|
}
|
|
|
|
const styles = StyleSheet.create({
|
|
container: {
|
|
...Containers.rowContainer
|
|
},
|
|
switch: {
|
|
flex: 1,
|
|
},
|
|
textContainer: {
|
|
flex: 4,
|
|
}
|
|
})
|
|
|
|
export default AppSwitch |