text: import React from "react"
  import {
    View,
    Image,
    ImageBackground,
    TouchableOpacity,
    Text,
    Button,
    Switch,
    TextInput,
    StyleSheet,
    ScrollView
  } from "react-native"
  import Icon from "react-native-vector-icons/FontAwesome"
  import { CheckBox } from "react-native-elements"
  import { connect } from "react-redux"
  import {
    widthPercentageToDP as wp,
    heightPercentageToDP as hp
  } from "react-native-responsive-screen"
  import { getNavigationScreen } from "@modules"
  export class Blank extends React.Component {
    constructor(props) {
      super(props)
  
      this.state = {}
    }
    render = () => (
      <ScrollView
        contentContainerStyle={{ flexGrow: 1 }}
        style={styles.ScrollView_1}
      >
        <View style={styles.View_2} />
        <View style={styles.View_101_2813} />
        <View style={styles.View_101_2819} />
        <View style={styles.View_101_2820} />
        <ImageBackground
          source={{
            uri:
              "https://s3-us-west-2.amazonaws.com/figma-alpha-api/img/7a4a/bb4c/b2082e4dc0965523643f9f80b22521a2"
          }}
          style={styles.ImageBackground_101_2821}
        />
        <View style={styles.View_101_2822}>
          <View style={styles.View_101_2823}>
            <Text style={styles.Text_101_2823}>12:30 PM</Text>
          </View>
        </View>
        <ImageBackground
          source={{
            uri:
              "https://s3-us-west-2.amazonaws.com/figma-alpha-api/img/5f9b/d6bc/b21e0a8bf4d01c37384318b9c8a011b0"
          }}
          style={styles.ImageBackground_101_2824}
        />
        <ImageBackground
          source={{
            uri:
              "https://s3-us-west-2.amazonaws.com/figma-alpha-api/img/cebd/7b9e/7ff15bbdf5320a843a2c798abbeaff22"
          }}
          style={styles.ImageBackground_101_2829}
        />
        <View style={styles.View_101_2833}>
          <View style={styles.View_101_2834} />
          <ImageBackground
            source={{
              uri:
                "https://s3-us-west-2.amazonaws.com/figma-alpha-api/img/f017/180b/5ad32115e745e732d6d68b43f01e3ee1"
            }}
            style={styles.ImageBackground_101_2835}
          />
          <View style={styles.View_101_2836} />
        </View>
        <View style={styles.View_101_2837}>
          <Text style={styles.Text_101_2837}>Electricity Bill (Yangon)</Text>
        </View>
        <View style={styles.View_101_2838} />
        <TouchableOpacity
          style={styles.TouchableOpacity_101_2839}
          onPress={() =>
            this.props.navigation.navigate(getNavigationScreen("101_2776"))
          }
        />
        <View style={styles.View_101_2840}>
          <Text style={styles.Text_101_2840}>Barcode/ CNP No.</Text>
        </View>
        <View style={styles.View_101_2841}>
          <Text style={styles.Text_101_2841}>Meter No.</Text>
        </View>
        <View style={styles.View_101_2842} />
        <View style={styles.View_101_2843}>
          <View style={styles.View_101_2844} />
          <View style={styles.View_101_2845}>
            <Text style={styles.Text_101_2845}>Next</Text>
          </View>
        </View>
        <View style={styles.View_101_2846}>
          <Text style={styles.Text_101_2846}>Need help?</Text>
        </View>
      </ScrollView>
    )
  }
  
  const styles = StyleSheet.create({
    ScrollView_1: { backgroundColor: "rgba(246, 246, 246, 1)" },
    View_2: { height: hp("122.40437158469946%") },
    View_101_2813: {
      width: wp("100%"),
      minWidth: wp("100%"),
      height: hp("122.40437158469946%"),
      minHeight: hp("122.40437158469946%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%"),
      top: hp("0%"),
      backgroundColor: "rgba(246, 246, 246, 1)"
    },
    View_101_2819: {
      width: wp("11.11111111111111%"),
      minWidth: wp("11.11111111111111%"),
      height: hp("5.327868852459016%"),
      minHeight: hp("5.327868852459016%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("2.4154589371980677%"),
      top: hp("6.967213114754098%"),
      backgroundColor: "rgba(196, 196, 196, 1)"
    },
    View_101_2820: {
      width: wp("100%"),
      minWidth: wp("100%"),
      height: hp("14.754098360655737%"),
      minHeight: hp("14.754098360655737%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%"),
      top: hp("0%"),
      backgroundColor: "rgba(38, 60, 145, 1)"
    },
    ImageBackground_101_2821: {
      width: wp("4.830917874396135%"),
      height: hp("2.8115251676632407%"),
      top: hp("8.19672131147541%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("4.830917874396135%")
    },
    View_101_2822: {
      width: wp("14.734299516908212%"),
      minWidth: wp("14.734299516908212%"),
      height: hp("2.0491803278688523%"),
      minHeight: hp("2.0491803278688523%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("4.830917874396135%"),
      top: hp("1.639344262295082%")
    },
    View_101_2823: {
      width: wp("14.734299516908212%"),
      minWidth: wp("14.734299516908212%"),
      minHeight: hp("2.0491803278688523%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%"),
      top: hp("0%"),
      justifyContent: "flex-start"
    },
    Text_101_2823: {
      color: "rgba(0, 0, 0, 1)",
      fontSize: 10,
      fontWeight: "400",
      textAlign: "left",
      fontStyle: "normal",
      letterSpacing: 0,
      textTransform: "none"
    },
    ImageBackground_101_2824: {
      width: wp("3.8643790903874637%"),
      height: hp("1.3684943725502556%"),
      top: hp("1.912568306010929%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("79.22705314009661%")
    },
    ImageBackground_101_2829: {
      width: wp("3.3816425120772946%"),
      height: hp("1.3689463255835361%"),
      top: hp("1.912568306010929%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("85.02415458937197%")
    },
    View_101_2833: {
      width: wp("5.555992310749735%"),
      minWidth: wp("5.555992310749735%"),
      height: hp("1.4604989296751596%"),
      minHeight: hp("1.4604989296751596%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("89.85507246376811%"),
      top: hp("1.912568306010929%")
    },
    View_101_2834: {
      width: wp("5.0239254311087045%"),
      height: hp("1.4604989296751596%"),
      top: hp("0%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%"),
      borderColor: "rgba(0, 0, 0, 1)",
      borderWidth: 1
    },
    ImageBackground_101_2835: {
      width: wp("0.3032700163154786%"),
      height: hp("0.5154697947163399%"),
      top: hp("0.4725388490437157%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("5.252738620923921%")
    },
    View_101_2836: {
      width: wp("4.1104841923368145%"),
      height: hp("0.9450290372462872%"),
      top: hp("0.25761505293715836%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0.4567316764794782%"),
      backgroundColor: "rgba(0, 0, 0, 1)"
    },
    View_101_2837: {
      width: wp("49.51690821256038%"),
      minWidth: wp("49.51690821256038%"),
      minHeight: hp("3.1420765027322406%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("13.285024154589372%"),
      top: hp("8.060109289617486%"),
      justifyContent: "center"
    },
    Text_101_2837: {
      color: "rgba(246, 246, 246, 1)",
      fontSize: 16,
      fontWeight: "400",
      textAlign: "left",
      fontStyle: "normal",
      letterSpacing: 0,
      textTransform: "none"
    },
    View_101_2838: {
      width: wp("92.27053140096618%"),
      minWidth: wp("92.27053140096618%"),
      height: hp("35.79234972677596%"),
      minHeight: hp("35.79234972677596%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("3.864734299516908%"),
      top: hp("16.120218579234972%"),
      backgroundColor: "rgba(255, 255, 255, 1)",
      borderTopLeftRadius: 10,
      borderTopRightRadius: 10,
      borderBottomLeftRadius: 10,
      borderBottomRightRadius: 10
    },
    TouchableOpacity_101_2839: {
      width: wp("84.29951690821255%"),
      minWidth: wp("84.29951690821255%"),
      height: hp("6.147540983606557%"),
      minHeight: hp("6.147540983606557%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("7.729468599033816%"),
      top: hp("23.224043715846996%"),
      backgroundColor: "rgba(242, 242, 242, 1)",
      borderColor: "rgba(214, 214, 214, 1)",
      borderWidth: 1,
      borderTopLeftRadius: 5,
      borderTopRightRadius: 5,
      borderBottomLeftRadius: 5,
      borderBottomRightRadius: 5
    },
    View_101_2840: {
      width: wp("33.57487922705314%"),
      minWidth: wp("33.57487922705314%"),
      minHeight: hp("2.73224043715847%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("7.971014492753622%"),
      top: hp("18.852459016393443%"),
      justifyContent: "center"
    },
    Text_101_2840: {
      color: "rgba(0, 0, 0, 1)",
      fontSize: 14,
      fontWeight: "500",
      textAlign: "left",
      fontStyle: "normal",
      letterSpacing: 0,
      textTransform: "none"
    },
    View_101_2841: {
      width: wp("18.357487922705314%"),
      minWidth: wp("18.357487922705314%"),
      minHeight: hp("2.73224043715847%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("7.729468599033816%"),
      top: hp("32.10382513661202%"),
      justifyContent: "center"
    },
    Text_101_2841: {
      color: "rgba(0, 0, 0, 1)",
      fontSize: 14,
      fontWeight: "500",
      textAlign: "left",
      fontStyle: "normal",
      letterSpacing: 0,
      textTransform: "none"
    },
    View_101_2842: {
      width: wp("84.29951690821255%"),
      minWidth: wp("84.29951690821255%"),
      height: hp("6.147540983606557%"),
      minHeight: hp("6.147540983606557%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("7.729468599033816%"),
      top: hp("36.47540983606557%"),
      backgroundColor: "rgba(242, 242, 242, 1)",
      borderColor: "rgba(214, 214, 214, 1)",
      borderWidth: 1,
      borderTopLeftRadius: 5,
      borderTopRightRadius: 5,
      borderBottomLeftRadius: 5,
      borderBottomRightRadius: 5
    },
    View_101_2843: {
      width: wp("24.154589371980677%"),
      minWidth: wp("24.154589371980677%"),
      height: hp("4.918032786885246%"),
      minHeight: hp("4.918032786885246%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("36.231884057971016%"),
      top: hp("44.80874316939891%")
    },
    View_101_2844: {
      width: wp("24.154589371980677%"),
      minWidth: wp("24.154589371980677%"),
      height: hp("4.918032786885246%"),
      minHeight: hp("4.918032786885246%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%"),
      top: hp("0%"),
      backgroundColor: "rgba(38, 60, 145, 1)",
      borderTopLeftRadius: 10,
      borderTopRightRadius: 10,
      borderBottomLeftRadius: 10,
      borderBottomRightRadius: 10
    },
    View_101_2845: {
      width: wp("8.695652173913043%"),
      minWidth: wp("8.695652173913043%"),
      minHeight: hp("2.73224043715847%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("7.729468599033815%"),
      top: hp("0.9562841530054627%"),
      justifyContent: "center"
    },
    Text_101_2845: {
      color: "rgba(246, 246, 246, 1)",
      fontSize: 14,
      fontWeight: "400",
      textAlign: "center",
      fontStyle: "normal",
      letterSpacing: 0,
      textTransform: "none"
    },
    View_101_2846: {
      width: wp("20.531400966183575%"),
      minWidth: wp("20.531400966183575%"),
      minHeight: hp("2.73224043715847%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("39.85507246376812%"),
      top: hp("54.09836065573771%"),
      justifyContent: "center"
    },
    Text_101_2846: {
      color: "rgba(53, 53, 53, 1)",
      fontSize: 14,
      fontWeight: "400",
      textAlign: "center",
      fontStyle: "normal",
      letterSpacing: 0,
      textTransform: "none"
    }
  })
  
  const mapStateToProps = state => {
    return {}
  }
  const mapDispatchToProps = () => {
    return {}
  }
  export default connect(mapStateToProps, mapDispatchToProps)(Blank)
  