Maria Zadnepryanets
39 lines
1.0 KiB
JavaScript
39 lines
1.0 KiB
JavaScript
import React from 'react'
|
|
import PropTypes from 'prop-types'
|
|
import { View, TouchableOpacity } from 'react-native'
|
|
|
|
import AppText from '../app-text'
|
|
|
|
import styles from '../../styles'
|
|
|
|
export default function SelectBoxGroup({ labels, onSelect, optionsState }) {
|
|
return (
|
|
<View style={styles.selectBoxSection}>
|
|
{Object.keys(labels).map(key => {
|
|
const style = [styles.selectBox]
|
|
const textStyle = []
|
|
if (optionsState[key]) {
|
|
style.push(styles.selectBoxActive)
|
|
textStyle.push(styles.selectBoxTextActive)
|
|
}
|
|
return (
|
|
<TouchableOpacity
|
|
onPress={() => onSelect(key)}
|
|
key={key}
|
|
>
|
|
<View style={style}>
|
|
<AppText style={textStyle}>{labels[key]}</AppText>
|
|
</View>
|
|
</TouchableOpacity>
|
|
)
|
|
})}
|
|
</View>
|
|
)
|
|
}
|
|
|
|
SelectBoxGroup.propTypes = {
|
|
labels: PropTypes.object.isRequired,
|
|
onSelect: PropTypes.func.isRequired,
|
|
optionsState: PropTypes.object.isRequired
|
|
}
|