| 4 | import { useTheme } from './themes'; |
| 5 | |
| 6 | const BlueFormMultiInput: React.FC<TextInputProps> = props => { |
| 7 | const { colors } = useTheme(); |
| 8 | const { style, editable, ...restProps } = props; |
| 9 | |
| 10 | return ( |
| 11 | <TextInput |
| 12 | multiline |
| 13 | underlineColorAndroid="transparent" |
| 14 | numberOfLines={4} |
| 15 | editable={editable} |
| 16 | style={[ |
| 17 | styles.blueFormMultiInput, |
| 18 | { |
| 19 | borderColor: colors.formBorder, |
| 20 | borderBottomColor: colors.formBorder, |
| 21 | backgroundColor: colors.inputBackgroundColor, |
| 22 | color: colors.foregroundColor, |
| 23 | }, |
| 24 | style, |
| 25 | ]} |
| 26 | autoCorrect={false} |
| 27 | autoCapitalize="none" |
| 28 | spellCheck={false} |
| 29 | {...restProps} |
| 30 | selectTextOnFocus={false} |
| 31 | keyboardType={Platform.OS === 'android' ? 'visible-password' : 'default'} |
| 32 | /> |
| 33 | ); |
| 34 | }; |
| 35 | |
| 36 | const styles = StyleSheet.create({ |
| 37 | blueFormMultiInput: { |
nothing calls this directly
no test coverage detected