Make select box text a child not a prop

components/cycle-day/select-box.js

@@ -17,7 +17,7 @@ export default class SelectBox extends Component {
     return (
       <TouchableOpacity onPress={this.props.onPress}>
         <View style={style}>
-          <AppText style={textStyle}>{this.props.label}</AppText>
+          <AppText style={textStyle}>{this.props.children}</AppText>
         </View>
       </TouchableOpacity>
     )

components/cycle-day/symptoms/sex.js

@@ -63,9 +63,10 @@ export default class Sex extends Component {
         <SelectBox
           value={this.state[stateKey]}
           onPress={() => this.toggleState(stateKey)}
-          label={label}
           key={stateKey}
-        />
+        >
+          {label}
+        </SelectBox>
       )
     })
   }
@@ -85,12 +86,14 @@ export default class Sex extends Component {
           {this.makeSelectBoxes(contraceptiveBoxes)}
           <SelectBox
             value={this.state.other}
-            label={contraceptiveLabels.other}
             onPress={() => {
               this.toggleState('other')
               this.setState({ focusTextArea: true })
             }}
-          />
+          >
+            {contraceptiveLabels.other}
+          </SelectBox>
+
           {this.state.other &&
             <TextInput
               autoFocus={this.state.focusTextArea}