text: import { StyleSheet } from 'react-native'
  
  import { Colors, Metrics } from '../../shared/themes'
  
  export default StyleSheet.create({
    contentContainer: {
      justifyContent: 'center',
    },
    container: {
      paddingTop: 70,
      backgroundColor: Colors.jhipsterBlue,
    },
    form: {
      backgroundColor: Colors.snow,
      margin: Metrics.baseMargin,
      borderRadius: 4,
    },
    row: {
      paddingVertical: Metrics.doubleBaseMargin,
      paddingHorizontal: Metrics.doubleBaseMargin,
    },
    rowLabel: {
      color: Colors.charcoal,
    },
    textInput: {
      height: 40,
      color: Colors.coal,
    },
    textInputReadonly: {
      height: 40,
      color: Colors.steel,
    },
    loginRow: {
      paddingBottom: Metrics.doubleBaseMargin,
      paddingHorizontal: Metrics.doubleBaseMargin,
      flexDirection: 'row',
    },
    loginButtonWrapper: {
      flex: 1,
    },
    loginButton: {
      flex: 1,
      borderWidth: 1,
      borderColor: Colors.charcoal,
      backgroundColor: Colors.panther,
      padding: 6,
    },
    loginText: {
      textAlign: 'center',
      color: Colors.silver,
    },
    topLogo: {
      alignSelf: 'center',
      resizeMode: 'contain',
    },
  })
  