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 "@screens"
  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} />
        <ImageBackground
          source={{
            uri:
              "https://s3-us-west-2.amazonaws.com/figma-alpha-api/img/2d57/db25/dcb8faa9a2bcd1ada07d1da920665295"
          }}
          style={styles.ImageBackground_6_176}
        />
        <ImageBackground
          source={{
            uri:
              "https://s3-us-west-2.amazonaws.com/figma-alpha-api/img/c066/7133/901e3fba2f5e0bdf74bc3c91129ef55a"
          }}
          style={styles.ImageBackground_4_136}
        />
        <View style={styles.View_4_137}>
          <View style={styles.View_4_138}>
            <View style={styles.View_4_139}>
              <Text style={styles.Text_4_139}>dashscanqr@email.com</Text>
            </View>
            <View style={styles.View_4_140}>
              <Text style={styles.Text_4_140}>Email</Text>
            </View>
            <ImageBackground
              source={{
                uri:
                  "https://s3-us-west-2.amazonaws.com/figma-alpha-api/img/6161/c4d6/3ccb3d6e9b22fa3aa4c1c9898f7b9bb6"
              }}
              style={styles.ImageBackground_4_141}
            />
            <View style={styles.View_4_143}>
              <View style={styles.View_4_144} />
            </View>
          </View>
          <View style={styles.View_4_145}>
            <View style={styles.View_4_146}>
              <Text style={styles.Text_4_146}>
                • • • • • • • • • • • • • • • • • • • •
              </Text>
            </View>
            <View style={styles.View_4_147}>
              <Text style={styles.Text_4_147}>Password</Text>
            </View>
            <View style={styles.View_4_148}>
              <ImageBackground
                source={{
                  uri:
                    "https://s3-us-west-2.amazonaws.com/figma-alpha-api/img/8c1f/bd23/22b02e4d6fef81da22c19b39b870e8f6"
                }}
                style={styles.ImageBackground_4_149}
              />
            </View>
            <View style={styles.View_4_153}>
              <View style={styles.View_4_154} />
            </View>
          </View>
        </View>
        <View style={styles.View_4_155}>
          <View style={styles.View_4_156}>
            <Text style={styles.Text_4_156}>Keep me logged in.</Text>
          </View>
          <View style={styles.View_4_157}>
            <View style={styles.View_4_158}>
              <ImageBackground
                source={{
                  uri:
                    "https://s3-us-west-2.amazonaws.com/figma-alpha-api/img/77c8/1f2d/4c0b8efc193c3a3d221f5fa33022c78e"
                }}
                style={styles.ImageBackground_4_159}
              />
              <ImageBackground
                source={{
                  uri:
                    "https://s3-us-west-2.amazonaws.com/figma-alpha-api/img/75f7/2a7b/bfb5523bac5dc375ccb363f5ca81c476"
                }}
                style={styles.ImageBackground_4_160}
              />
            </View>
          </View>
        </View>
        <TouchableOpacity
          style={styles.TouchableOpacity_4_161}
          onPress={() =>
            this.props.navigation.navigate(getNavigationScreen("6_188"))
          }
        >
          <ImageBackground
            source={{
              uri:
                "https://s3-us-west-2.amazonaws.com/figma-alpha-api/img/1bc5/ece8/84b7e739dccd1112e1db9b2a8a338c9d"
            }}
            style={styles.ImageBackground_4_162}
          />
          <View style={styles.View_4_163}>
            <Text style={styles.Text_4_163}>Login</Text>
          </View>
        </TouchableOpacity>
        <TouchableOpacity
          style={styles.TouchableOpacity_4_164}
          onPress={() =>
            this.props.navigation.navigate(getNavigationScreen("4_231"))
          }
        >
          <Text style={styles.Text_4_164}>forgot password?</Text>
        </TouchableOpacity>
        <TouchableOpacity
          style={styles.TouchableOpacity_4_165}
          onPress={() =>
            this.props.navigation.navigate(getNavigationScreen("4_1294"))
          }
        >
          <Text style={styles.Text_4_165}>Dont Have An account? Signup</Text>
        </TouchableOpacity>
        <View style={styles.View_4_166}>
          <Text style={styles.Text_4_166}>Welcome Back,</Text>
        </View>
        <View style={styles.View_4_167}>
          <Text style={styles.Text_4_167}>
            login your account to access the valueable feedback
          </Text>
        </View>
        <View style={styles.View_4_168}>
          <View style={styles.View_4_169} />
          <View style={styles.View_4_170} />
          <View style={styles.View_4_171} />
          <View style={styles.View_4_172}>
            <ImageBackground
              source={{
                uri:
                  "https://s3-us-west-2.amazonaws.com/figma-alpha-api/img/a421/791a/7577a42162b9e9f8738f6d4a3031711d"
              }}
              style={styles.ImageBackground_4_173}
            />
            <ImageBackground
              source={{
                uri:
                  "https://s3-us-west-2.amazonaws.com/figma-alpha-api/img/f60b/3adb/a3d89004fdd826acb3de1f14ffc95f3c"
              }}
              style={styles.ImageBackground_4_175}
            />
          </View>
          <ImageBackground
            source={{
              uri:
                "https://s3-us-west-2.amazonaws.com/figma-alpha-api/img/054d/101c/ff3b4ace5f47e152d5c6d2233666b393"
            }}
            style={styles.ImageBackground_4_176}
          />
          <ImageBackground
            source={{
              uri:
                "https://s3-us-west-2.amazonaws.com/figma-alpha-api/img/8d76/64a4/6bb587dbe60aeebcc36be2f82f600d7f"
            }}
            style={styles.ImageBackground_4_177}
          />
        </View>
      </ScrollView>
    )
  }
  
  const styles = StyleSheet.create({
    ScrollView_1: { backgroundColor: "rgba(255, 255, 255, 1)" },
    View_2: { height: hp("111%") },
    ImageBackground_6_176: {
      width: wp("126%"),
      minWidth: wp("126%"),
      height: hp("139%"),
      minHeight: hp("139%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("-12%"),
      top: hp("-14%")
    },
    ImageBackground_4_136: {
      width: wp("26%"),
      minWidth: wp("26%"),
      height: hp("0%"),
      minHeight: hp("0%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("37%"),
      top: hp("109%")
    },
    View_4_137: {
      width: wp("84%"),
      minWidth: wp("84%"),
      height: hp("18%"),
      minHeight: hp("18%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("8%"),
      top: hp("30%")
    },
    View_4_138: {
      width: wp("84%"),
      minWidth: wp("84%"),
      height: hp("8%"),
      minHeight: hp("8%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%"),
      top: hp("0%"),
      backgroundColor: "rgba(0, 0, 0, 0)"
    },
    View_4_139: {
      width: wp("53%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%"),
      top: hp("3%"),
      justifyContent: "flex-start"
    },
    Text_4_139: {
      color: "rgba(0, 0, 0, 1)",
      fontSize: 13,
      fontWeight: "400",
      textAlign: "left",
      fontStyle: "normal",
      letterSpacing: -0.06400000095367432,
      textTransform: "none"
    },
    View_4_140: {
      width: wp("9%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%"),
      top: hp("0%"),
      justifyContent: "flex-start"
    },
    Text_4_140: {
      color: "rgba(0, 0, 0, 1)",
      fontSize: 10,
      fontWeight: "400",
      textAlign: "left",
      fontStyle: "normal",
      letterSpacing: 0,
      textTransform: "none"
    },
    ImageBackground_4_141: {
      width: wp("6%"),
      height: hp("3%"),
      top: hp("2%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("75%")
    },
    View_4_143: {
      width: wp("84%"),
      minWidth: wp("84%"),
      height: hp("0%"),
      minHeight: hp("0%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%"),
      top: hp("8%"),
      backgroundColor: "rgba(0, 0, 0, 0)"
    },
    View_4_144: {
      flexGrow: 1,
      width: wp("84%"),
      height: hp("0%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%"),
      top: hp("0%"),
      backgroundColor: "rgba(0, 0, 0, 1)"
    },
    View_4_145: {
      width: wp("84%"),
      minWidth: wp("84%"),
      height: hp("8%"),
      minHeight: hp("8%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%"),
      top: hp("10%"),
      backgroundColor: "rgba(0, 0, 0, 0)"
    },
    View_4_146: {
      width: wp("65%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%"),
      top: hp("3%"),
      justifyContent: "flex-start"
    },
    Text_4_146: {
      color: "rgba(0, 0, 0, 1)",
      fontSize: 13,
      fontWeight: "400",
      textAlign: "left",
      fontStyle: "normal",
      letterSpacing: -0.06400000095367432,
      textTransform: "none"
    },
    View_4_147: {
      width: wp("15%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%"),
      top: hp("0%"),
      justifyContent: "flex-start"
    },
    Text_4_147: {
      color: "rgba(0, 0, 0, 1)",
      fontSize: 10,
      fontWeight: "400",
      textAlign: "left",
      fontStyle: "normal",
      letterSpacing: 0,
      textTransform: "none"
    },
    View_4_148: {
      width: wp("6%"),
      height: hp("3%"),
      top: hp("2%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("75%"),
      backgroundColor: "rgba(0, 0, 0, 0)"
    },
    ImageBackground_4_149: {
      width: wp("4%"),
      height: hp("1%"),
      top: hp("1%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("1%")
    },
    View_4_153: {
      width: wp("84%"),
      minWidth: wp("84%"),
      height: hp("0%"),
      minHeight: hp("0%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%"),
      top: hp("8%"),
      backgroundColor: "rgba(0, 0, 0, 0)"
    },
    View_4_154: {
      flexGrow: 1,
      width: wp("84%"),
      height: hp("0%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%"),
      top: hp("0%"),
      backgroundColor: "rgba(0, 0, 0, 1)"
    },
    View_4_155: {
      width: wp("51%"),
      minWidth: wp("51%"),
      height: hp("3%"),
      minHeight: hp("3%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("8%"),
      top: hp("52%")
    },
    View_4_156: {
      width: wp("41%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("10%"),
      top: hp("0%"),
      justifyContent: "flex-start"
    },
    Text_4_156: {
      color: "rgba(0, 0, 0, 1)",
      fontSize: 13,
      fontWeight: "400",
      textAlign: "center",
      fontStyle: "normal",
      letterSpacing: 0,
      textTransform: "none"
    },
    View_4_157: {
      width: wp("6%"),
      minWidth: wp("6%"),
      height: hp("3%"),
      minHeight: hp("3%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%"),
      top: hp("0%")
    },
    View_4_158: {
      width: wp("6%"),
      minWidth: wp("6%"),
      height: hp("3%"),
      minHeight: hp("3%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%"),
      top: hp("0%"),
      backgroundColor: "rgba(0, 0, 0, 0)",
      overflow: "hidden"
    },
    ImageBackground_4_159: {
      width: wp("2%"),
      height: hp("1%"),
      top: hp("1%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("2%")
    },
    ImageBackground_4_160: {
      width: wp("6%"),
      minWidth: wp("6%"),
      height: hp("3%"),
      minHeight: hp("3%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%"),
      top: hp("0%")
    },
    TouchableOpacity_4_161: {
      width: wp("76%"),
      minWidth: wp("76%"),
      height: hp("7%"),
      minHeight: hp("7%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("12%"),
      top: hp("62%")
    },
    ImageBackground_4_162: {
      width: wp("76%"),
      minWidth: wp("76%"),
      height: hp("7%"),
      minHeight: hp("7%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%"),
      top: hp("0%")
    },
    View_4_163: {
      width: wp("13%"),
      minWidth: wp("13%"),
      minHeight: hp("3%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("32%"),
      top: hp("2%"),
      justifyContent: "flex-start"
    },
    Text_4_163: {
      color: "rgba(255, 255, 255, 1)",
      fontSize: 13,
      fontWeight: "500",
      textAlign: "center",
      fontStyle: "normal",
      letterSpacing: 1,
      textTransform: "none"
    },
    TouchableOpacity_4_164: {
      width: wp("38%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("31%"),
      top: hp("74%"),
      justifyContent: "flex-start"
    },
    Text_4_164: {
      color: "rgba(0, 0, 0, 1)",
      fontSize: 13,
      fontWeight: "400",
      textAlign: "center",
      fontStyle: "normal",
      letterSpacing: 0,
      textTransform: "capitalize"
    },
    TouchableOpacity_4_165: {
      width: wp("66%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("17%"),
      top: hp("102%"),
      justifyContent: "flex-start"
    },
    Text_4_165: {
      color: "rgba(0, 0, 0, 1)",
      fontSize: 13,
      fontWeight: "400",
      textAlign: "center",
      fontStyle: "normal",
      letterSpacing: 0,
      textTransform: "capitalize"
    },
    View_4_166: {
      width: wp("42%"),
      minWidth: wp("42%"),
      minHeight: hp("3%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("8%"),
      top: hp("13%"),
      justifyContent: "flex-start"
    },
    Text_4_166: {
      color: "rgba(0, 0, 0, 1)",
      fontSize: 16,
      fontWeight: "600",
      textAlign: "left",
      fontStyle: "normal",
      letterSpacing: 0,
      textTransform: "none"
    },
    View_4_167: {
      width: wp("81%"),
      minWidth: wp("81%"),
      minHeight: hp("6%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("8%"),
      top: hp("19%"),
      justifyContent: "flex-start"
    },
    Text_4_167: {
      color: "rgba(130, 130, 130, 1)",
      fontSize: 14,
      fontWeight: "400",
      textAlign: "left",
      fontStyle: "normal",
      letterSpacing: 0,
      textTransform: "none"
    },
    View_4_168: {
      width: wp("84%"),
      minWidth: wp("84%"),
      height: hp("8%"),
      minHeight: hp("8%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("8%"),
      top: hp("83%")
    },
    View_4_169: {
      width: wp("26%"),
      minWidth: wp("26%"),
      height: hp("8%"),
      minHeight: hp("8%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%"),
      top: hp("0%"),
      backgroundColor: "rgba(255, 255, 255, 1)"
    },
    View_4_170: {
      width: wp("26%"),
      minWidth: wp("26%"),
      height: hp("8%"),
      minHeight: hp("8%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("58%"),
      top: hp("0%"),
      backgroundColor: "rgba(255, 255, 255, 1)"
    },
    View_4_171: {
      width: wp("26%"),
      minWidth: wp("26%"),
      height: hp("8%"),
      minHeight: hp("8%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("29%"),
      top: hp("0%"),
      backgroundColor: "rgba(255, 255, 255, 1)"
    },
    View_4_172: {
      width: wp("7%"),
      minWidth: wp("7%"),
      height: hp("4%"),
      minHeight: hp("4%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("9%"),
      top: hp("2%"),
      backgroundColor: "rgba(0, 0, 0, 0)",
      overflow: "hidden"
    },
    ImageBackground_4_173: {
      width: wp("7%"),
      height: hp("3%"),
      top: hp("1%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%")
    },
    ImageBackground_4_175: {
      width: wp("2%"),
      height: hp("1%"),
      top: hp("0%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("3%")
    },
    ImageBackground_4_176: {
      width: wp("4%"),
      height: hp("4%"),
      top: hp("2%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("40%")
    },
    ImageBackground_4_177: {
      width: wp("8%"),
      height: hp("4%"),
      top: hp("2%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("67%")
    }
  })
  
  const mapStateToProps = state => {
    return {}
  }
  const mapDispatchToProps = () => {
    return {}
  }
  export default connect(mapStateToProps, mapDispatchToProps)(Blank)
  