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_916_75} />
        <View style={styles.View_916_76} />
        <View style={styles.View_916_77}>
          <View style={styles.View_916_78}>
            <View style={styles.View_916_79} />
            <ImageBackground
              source={{
                uri:
                  "https://s3-us-west-2.amazonaws.com/figma-alpha-api/img/01a3/6210/1049063388899b33290616eafbc5ef32"
              }}
              style={styles.ImageBackground_916_80}
            />
            <View style={styles.View_916_81} />
          </View>
          <ImageBackground
            source={{
              uri:
                "https://s3-us-west-2.amazonaws.com/figma-alpha-api/img/2a90/f82a/1d7cd5ed16711f81a9b027f926b47efe"
            }}
            style={styles.ImageBackground_916_82}
          />
          <ImageBackground
            source={{
              uri:
                "https://s3-us-west-2.amazonaws.com/figma-alpha-api/img/c6ac/4485/335473019c89f168a47a3e38da77e67f"
            }}
            style={styles.ImageBackground_916_86}
          />
          <View style={styles.View_916_91}>
            <View style={styles.View_916_92}>
              <Text style={styles.Text_916_92}>9:41</Text>
            </View>
          </View>
        </View>
        <View style={styles.View_916_93}>
          <ImageBackground
            source={{
              uri:
                "https://s3-us-west-2.amazonaws.com/figma-alpha-api/img/727e/928b/9143c608085b4fcd5703d91ef434bcee"
            }}
            style={styles.ImageBackground_916_94}
          />
          <View style={styles.View_916_96}>
            <View style={styles.View_916_97}>
              <Text style={styles.Text_916_97}>Back</Text>
            </View>
          </View>
        </View>
        <View style={styles.View_916_104}>
          <ImageBackground
            source={{
              uri:
                "https://s3-us-west-2.amazonaws.com/figma-alpha-api/img/5f59/9371/6c3203c8d7863cf50f3f4d466d99f855"
            }}
            style={styles.ImageBackground_916_105}
          />
          <View style={styles.View_916_106}>
            <Text style={styles.Text_916_106}>Fund wallet</Text>
          </View>
        </View>
        <View style={styles.View_916_243}>
          <Text style={styles.Text_916_243}>Pay with card</Text>
        </View>
        <View style={styles.View_916_244}>
          <View style={styles.View_916_245} />
          <View style={styles.View_916_246}>
            <Text style={styles.Text_916_246}>Card Number</Text>
          </View>
          <View style={styles.View_916_247}>
            <ImageBackground
              source={{
                uri:
                  "https://s3-us-west-2.amazonaws.com/figma-alpha-api/img/fdd2/08c7/b9c24becf23995e28a267150cb1eabc0"
              }}
              style={styles.ImageBackground_916_248}
            />
          </View>
        </View>
        <View style={styles.View_916_253}>
          <View style={styles.View_916_254} />
          <View style={styles.View_916_255}>
            <Text style={styles.Text_916_255}>Date</Text>
          </View>
          <ImageBackground
            source={{
              uri:
                "https://s3-us-west-2.amazonaws.com/figma-alpha-api/img/4856/f708/7b5e9e1119d936348b57aa44eb60cbd0"
            }}
            style={styles.ImageBackground_916_256}
          />
        </View>
        <View style={styles.View_916_262}>
          <View style={styles.View_916_263} />
          <View style={styles.View_916_264}>
            <Text style={styles.Text_916_264}>CVV</Text>
          </View>
          <View style={styles.View_916_265}>
            <ImageBackground
              source={{
                uri:
                  "https://s3-us-west-2.amazonaws.com/figma-alpha-api/img/bbcf/6e8e/9c721fb67af05464e3e879ccb76a7ebf"
              }}
              style={styles.ImageBackground_916_266}
            />
          </View>
        </View>
      </ScrollView>
    )
  }
  
  const styles = StyleSheet.create({
    ScrollView_1: { backgroundColor: "rgba(8, 35, 102, 1)" },
    View_2: { height: hp("122.40437158469946%") },
    View_916_75: {
      width: wp("136.271940222109%"),
      minWidth: wp("136.271940222109%"),
      height: hp("86.63260871595372%"),
      minHeight: hp("86.63260871595372%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("-55.75399352732487%"),
      top: hp("59.15303881702527%"),
      backgroundColor: "rgba(0, 204, 173, 1)"
    },
    View_916_76: {
      width: wp("63.55769945227582%"),
      minWidth: wp("63.55769945227582%"),
      height: hp("37.483511335862794%"),
      minHeight: hp("37.483511335862794%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("72.22216325105676%"),
      top: hp("28.004630667264347%"),
      backgroundColor: "rgba(249, 169, 2, 1)"
    },
    View_916_77: {
      width: wp("100.00084033910778%"),
      height: hp("6.0109289617486334%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("-0.10980431008454107%"),
      top: hp("0%"),
      backgroundColor: "rgba(0, 0, 0, 0)"
    },
    View_916_78: {
      width: wp("5.876337502889587%"),
      minWidth: wp("5.876337502889587%"),
      height: hp("1.5482695376286741%"),
      minHeight: hp("1.5482695376286741%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("90.57971014492753%"),
      top: hp("2.367947270961407%")
    },
    View_916_79: {
      width: wp("5.314009661835748%"),
      minWidth: wp("5.314009661835748%"),
      height: hp("1.5482695376286741%"),
      minHeight: hp("1.5482695376286741%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%"),
      top: hp("0%"),
      backgroundColor: "rgba(255, 255, 255, 1)",
      borderColor: "rgba(165, 171, 193, 1)",
      borderWidth: 1
    },
    ImageBackground_916_80: {
      width: wp("0.32078212010111784%"),
      minWidth: wp("0.32078212010111784%"),
      height: hp("0.546448087431694%"),
      minHeight: hp("0.546448087431694%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("5.555555555555557%"),
      top: hp("0.5009051880549862%")
    },
    View_916_81: {
      width: wp("4.3478260869565215%"),
      minWidth: wp("4.3478260869565215%"),
      height: hp("1.0018215153386685%"),
      minHeight: hp("1.0018215153386685%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0.4830917874396192%"),
      top: hp("0.27322404371584685%"),
      backgroundColor: "rgba(255, 255, 255, 1)",
      borderColor: "rgba(165, 171, 193, 1)",
      borderWidth: 1
    },
    ImageBackground_916_82: {
      width: wp("4.072666168212891%"),
      height: hp("1.4980290105434062%"),
      top: hp("2.3675803929730193%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("84.18570255887681%")
    },
    ImageBackground_916_86: {
      width: wp("4.53323143115942%"),
      height: hp("1.4571948129622663%"),
      top: hp("2.413473494065915%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("78.31176168100845%")
    },
    View_916_91: {
      width: wp("14.40012097934594%"),
      height: hp("2.8688524590163933%"),
      top: hp("1.2295081967213115%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("5.600019814311594%"),
      backgroundColor: "rgba(0, 0, 0, 0)"
    },
    View_916_92: {
      flexGrow: 1,
      width: wp("14.492753623188406%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%"),
      top: hp("0.4098360655737705%"),
      justifyContent: "flex-start"
    },
    Text_916_92: {
      color: "rgba(255, 255, 255, 1)",
      fontSize: 11,
      fontWeight: "400",
      textAlign: "center",
      fontStyle: "normal",
      letterSpacing: -0.23999999463558197,
      textTransform: "none"
    },
    View_916_93: {
      width: wp("15.217391304347828%"),
      minWidth: wp("15.217391304347828%"),
      height: hp("3.551912568306011%"),
      minHeight: hp("3.551912568306011%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("4.830917874396135%"),
      top: hp("7.5136612021857925%"),
      backgroundColor: "rgba(0, 0, 0, 0)"
    },
    ImageBackground_916_94: {
      width: wp("5.797101449275362%"),
      height: hp("3.278688524590164%"),
      top: hp("0.13661202185792387%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%")
    },
    View_916_96: {
      width: wp("9.420289855072465%"),
      minWidth: wp("9.420289855072465%"),
      height: hp("3.551912568306011%"),
      minHeight: hp("3.551912568306011%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("5.797101449275361%"),
      top: hp("0%"),
      backgroundColor: "rgba(0, 0, 0, 0)"
    },
    View_916_97: {
      width: wp("8.695652173913043%"),
      minWidth: wp("8.695652173913043%"),
      minHeight: hp("3.278688524590164%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%"),
      top: hp("0%"),
      justifyContent: "flex-start"
    },
    Text_916_97: {
      color: "rgba(255, 255, 255, 1)",
      fontSize: 13,
      fontWeight: "400",
      textAlign: "left",
      fontStyle: "normal",
      letterSpacing: -0.23999999463558197,
      textTransform: "none"
    },
    View_916_104: {
      width: wp("43.47826086956522%"),
      height: hp("7.650273224043716%"),
      top: hp("105.19125683060109%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("51.690821256038646%"),
      backgroundColor: "rgba(0, 0, 0, 0)"
    },
    ImageBackground_916_105: {
      width: wp("43.47826086956522%"),
      height: hp("7.650273224043716%"),
      top: hp("0%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%")
    },
    View_916_106: {
      width: wp("36.12982708474864%"),
      top: hp("2.185792349726782%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("3.6741984639190832%"),
      justifyContent: "flex-start"
    },
    Text_916_106: {
      color: "rgba(255, 255, 255, 1)",
      fontSize: 13,
      fontWeight: "700",
      textAlign: "center",
      fontStyle: "normal",
      letterSpacing: -0.23999999463558197,
      textTransform: "none"
    },
    View_916_243: {
      width: wp("87.43961352657004%"),
      minWidth: wp("87.43961352657004%"),
      minHeight: hp("5.46448087431694%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("4.830917874396135%"),
      top: hp("14.48087431693989%"),
      justifyContent: "flex-start"
    },
    Text_916_243: {
      color: "rgba(255, 255, 255, 1)",
      fontSize: 22,
      fontWeight: "700",
      textAlign: "left",
      fontStyle: "normal",
      letterSpacing: -0.23999999463558197,
      textTransform: "none"
    },
    View_916_244: {
      width: wp("90.33816425120773%"),
      minWidth: wp("90.33816425120773%"),
      height: hp("7.650273224043716%"),
      minHeight: hp("7.650273224043716%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("4.830917874396135%"),
      top: hp("24.59016393442623%"),
      backgroundColor: "rgba(0, 0, 0, 0)"
    },
    View_916_245: {
      width: wp("90.33816425120773%"),
      height: hp("7.650273224043716%"),
      minHeight: hp("7.650273224043716%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%"),
      top: hp("0%"),
      backgroundColor: "rgba(255, 255, 255, 1)",
      borderColor: "rgba(228, 230, 235, 1)",
      borderWidth: 1,
      borderTopLeftRadius: 6,
      borderTopRightRadius: 6,
      borderBottomLeftRadius: 6,
      borderBottomRightRadius: 6
    },
    View_916_246: {
      width: wp("23.91304347826087%"),
      minWidth: wp("23.91304347826087%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("4.830917874396135%"),
      top: hp("2.1857923497267784%"),
      justifyContent: "flex-start"
    },
    Text_916_246: {
      color: "rgba(255, 255, 255, 1)",
      fontSize: 13,
      fontWeight: "400",
      textAlign: "left",
      fontStyle: "normal",
      letterSpacing: -0.23999999463558197,
      textTransform: "none"
    },
    View_916_247: {
      width: wp("4.830917874396135%"),
      height: hp("2.73224043715847%"),
      top: hp("2.4590163934426243%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("81.64251207729468%"),
      backgroundColor: "rgba(0, 0, 0, 0)",
      overflow: "hidden"
    },
    ImageBackground_916_248: {
      width: wp("4.830917874396135%"),
      height: hp("2.73224043715847%"),
      top: hp("0%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%")
    },
    View_916_253: {
      width: wp("90.33816425120773%"),
      minWidth: wp("90.33816425120773%"),
      height: hp("7.650273224043716%"),
      minHeight: hp("7.650273224043716%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("4.830917874396135%"),
      top: hp("35.51912568306011%"),
      backgroundColor: "rgba(0, 0, 0, 0)"
    },
    View_916_254: {
      width: wp("90.33816425120773%"),
      height: hp("7.650273224043716%"),
      minHeight: hp("7.650273224043716%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%"),
      top: hp("0%"),
      backgroundColor: "rgba(255, 255, 255, 1)",
      borderColor: "rgba(228, 230, 235, 1)",
      borderWidth: 1,
      borderTopLeftRadius: 6,
      borderTopRightRadius: 6,
      borderBottomLeftRadius: 6,
      borderBottomRightRadius: 6
    },
    View_916_255: {
      width: wp("8.454106280193237%"),
      minWidth: wp("8.454106280193237%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("4.830917874396135%"),
      top: hp("2.185792349726775%"),
      justifyContent: "flex-start"
    },
    Text_916_255: {
      color: "rgba(255, 255, 255, 1)",
      fontSize: 13,
      fontWeight: "400",
      textAlign: "left",
      fontStyle: "normal",
      letterSpacing: -0.23999999463558197,
      textTransform: "none"
    },
    ImageBackground_916_256: {
      width: wp("4.830917874396135%"),
      height: hp("2.73224043715847%"),
      top: hp("2.4590163934426172%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("81.64251207729468%")
    },
    View_916_262: {
      width: wp("90.33816425120773%"),
      minWidth: wp("90.33816425120773%"),
      height: hp("7.650273224043716%"),
      minHeight: hp("7.650273224043716%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("4.830917874396135%"),
      top: hp("46.44808743169399%"),
      backgroundColor: "rgba(0, 0, 0, 0)"
    },
    View_916_263: {
      width: wp("90.33816425120773%"),
      height: hp("7.650273224043716%"),
      minHeight: hp("7.650273224043716%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%"),
      top: hp("0%"),
      backgroundColor: "rgba(255, 255, 255, 1)",
      borderColor: "rgba(228, 230, 235, 1)",
      borderWidth: 1,
      borderTopLeftRadius: 6,
      borderTopRightRadius: 6,
      borderBottomLeftRadius: 6,
      borderBottomRightRadius: 6
    },
    View_916_264: {
      width: wp("7.971014492753622%"),
      minWidth: wp("7.971014492753622%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("4.830917874396135%"),
      top: hp("2.185792349726775%"),
      justifyContent: "flex-start"
    },
    Text_916_264: {
      color: "rgba(255, 255, 255, 1)",
      fontSize: 13,
      fontWeight: "400",
      textAlign: "left",
      fontStyle: "normal",
      letterSpacing: -0.23999999463558197,
      textTransform: "none"
    },
    View_916_265: {
      width: wp("4.830917874396135%"),
      height: hp("2.73224043715847%"),
      top: hp("2.4590163934426172%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("81.64251207729468%"),
      backgroundColor: "rgba(0, 0, 0, 0)",
      overflow: "hidden"
    },
    ImageBackground_916_266: {
      width: wp("4.830917874396135%"),
      height: hp("2.73224043715847%"),
      top: hp("0%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%")
    }
  })
  
  const mapStateToProps = state => {
    return {}
  }
  const mapDispatchToProps = () => {
    return {}
  }
  export default connect(mapStateToProps, mapDispatchToProps)(Blank)
  