render() {
    return (
      <View style={[
        BaseStyles.col1,
        BaseStyles.verticalCenteredCols,
        BaseStyles.centeredCols
      ]}>
        <MaterialIcon
          name="signal-wifi-off"
          style={[
            BaseStyles.textMuted,
            BaseStyles.fontExtraLarge
          ]} />
        <Text style={[
          BaseStyles.textDark,
          BaseStyles.fontMedium,
          BaseStyles.sansSerifMedium
        ]}>
          No connection available
        </Text>
      </View>
    )
  }
/**
   * Renders a no connection icon
   *
   * @return object
   */
Renders a no connection icon
@return object
Renders a no connection icon @return object
render() {
    return (
      <View style={[
        BaseStyles.col1,
        BaseStyles.verticalCenteredCols,
        BaseStyles.centeredCols
      ]}>
        <MaterialIcon
          name="signal-wifi-off"
          style={[
            BaseStyles.textMuted,
            BaseStyles.fontExtraLarge
          ]} />
        <Text style={[
          BaseStyles.textDark,
          BaseStyles.fontMedium,
          BaseStyles.sansSerifMedium
        ]}>
          No connection available
        </Text>
      </View>
    )
  }
render ( ) { return ( < View style = { [ BaseStyles . col1 , BaseStyles . verticalCenteredCols , BaseStyles . centeredCols ] } > < MaterialIcon name = "signal-wifi-off" style = { [ BaseStyles . textMuted , BaseStyles . fontExtraLarge ] } / > < Text style = { [ BaseStyles . textDark , BaseStyles . fontMedium , BaseStyles . sansSerifMedium ] } > 
          No connection available
         < / Text > < / View > ) }
Renders a no connection icon
 @return object
Renders a no connection icon @return object