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} />
        <View style={styles.View_1_9} />
        <ImageBackground
          source={{
            uri:
              "https://s3-us-west-2.amazonaws.com/figma-alpha-api/img/acac/94c9/c63776b2cedd51f2bb57ee2c4f40c857"
          }}
          style={styles.ImageBackground_1_10}
        />
        <View style={styles.View_1_11} />
        <ImageBackground
          source={{
            uri:
              "https://s3-us-west-2.amazonaws.com/figma-alpha-api/img/fb86/8e43/aa02dbc046e7f7407c4d3b79a87de360"
          }}
          style={styles.ImageBackground_1_15}
        />
        <View style={styles.View_1_12}>
          <Text style={styles.Text_1_12}>Phone Number</Text>
        </View>
        <View style={styles.View_1_16}>
          <Text style={styles.Text_1_16}> OTP verification</Text>
        </View>
        <View style={styles.View_1_13}>
          <Text style={styles.Text_1_13}>000000000000</Text>
        </View>
        <View style={styles.View_1_18} />
        <View style={styles.View_1_19}>
          <Text style={styles.Text_1_19}>Log in</Text>
        </View>
        <View style={styles.View_1_20}>
          <Text style={styles.Text_1_20}>OR</Text>
        </View>
        <View style={styles.View_1_21}>
          <Text style={styles.Text_1_21}>Create a account</Text>
        </View>
      </ScrollView>
    )
  }
  
  const styles = StyleSheet.create({
    ScrollView_1: { backgroundColor: "rgba(255, 255, 255, 1)" },
    View_2: { height: hp("127%") },
    View_1_9: {
      width: wp("100%"),
      minWidth: wp("100%"),
      height: hp("75%"),
      minHeight: hp("75%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%"),
      top: hp("54%"),
      backgroundColor: "rgba(220, 145, 145, 1)"
    },
    ImageBackground_1_10: {
      width: wp("100%"),
      minWidth: wp("100%"),
      height: hp("47%"),
      minHeight: hp("47%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%"),
      top: hp("5%"),
      resizeMode: "cover"
    },
    View_1_11: {
      width: wp("89%"),
      minWidth: wp("89%"),
      height: hp("10%"),
      minHeight: hp("10%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("6%"),
      top: hp("67%"),
      backgroundColor: "rgba(196, 196, 196, 1)"
    },
    ImageBackground_1_15: {
      width: wp("89%"),
      minWidth: wp("89%"),
      height: hp("10%"),
      minHeight: hp("10%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("6%"),
      top: hp("86%")
    },
    View_1_12: {
      width: wp("65%"),
      minWidth: wp("65%"),
      minHeight: hp("7%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("6%"),
      top: hp("61%"),
      justifyContent: "flex-start"
    },
    Text_1_12: {
      color: "rgba(0, 0, 0, 1)",
      fontSize: 29,
      fontWeight: "400",
      textAlign: "left",
      fontStyle: "normal",
      letterSpacing: 0,
      textTransform: "none"
    },
    View_1_16: {
      width: wp("69%"),
      minWidth: wp("69%"),
      minHeight: hp("7%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("6%"),
      top: hp("80%"),
      justifyContent: "flex-start"
    },
    Text_1_16: {
      color: "rgba(0, 0, 0, 1)",
      fontSize: 29,
      fontWeight: "400",
      textAlign: "left",
      fontStyle: "normal",
      letterSpacing: 0,
      textTransform: "none"
    },
    View_1_13: {
      width: wp("86%"),
      minWidth: wp("86%"),
      minHeight: hp("6%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("9%"),
      top: hp("70%"),
      justifyContent: "flex-start"
    },
    Text_1_13: {
      color: "rgba(0, 0, 0, 1)",
      fontSize: 29,
      fontWeight: "400",
      textAlign: "left",
      fontStyle: "normal",
      letterSpacing: 0,
      textTransform: "none"
    },
    View_1_18: {
      width: wp("81%"),
      minWidth: wp("81%"),
      height: hp("9%"),
      minHeight: hp("9%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("8%"),
      top: hp("99%"),
      backgroundColor: "rgba(196, 196, 196, 1)"
    },
    View_1_19: {
      width: wp("64%"),
      minWidth: wp("64%"),
      minHeight: hp("6%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("36%"),
      top: hp("100%"),
      justifyContent: "flex-start"
    },
    Text_1_19: {
      color: "rgba(0, 0, 0, 1)",
      fontSize: 29,
      fontWeight: "400",
      textAlign: "left",
      fontStyle: "normal",
      letterSpacing: 0,
      textTransform: "none"
    },
    View_1_20: {
      width: wp("47%"),
      minWidth: wp("47%"),
      minHeight: hp("6%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("42%"),
      top: hp("109%"),
      justifyContent: "flex-start"
    },
    Text_1_20: {
      color: "rgba(0, 0, 0, 1)",
      fontSize: 29,
      fontWeight: "400",
      textAlign: "left",
      fontStyle: "normal",
      letterSpacing: 0,
      textTransform: "none"
    },
    View_1_21: {
      width: wp("84%"),
      minWidth: wp("84%"),
      minHeight: hp("6%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("16%"),
      top: hp("117%"),
      justifyContent: "flex-start"
    },
    Text_1_21: {
      color: "rgba(0, 0, 0, 1)",
      fontSize: 29,
      fontWeight: "400",
      textAlign: "left",
      fontStyle: "normal",
      letterSpacing: 0,
      textTransform: "none"
    }
  })
  
  const mapStateToProps = state => {
    return {}
  }
  const mapDispatchToProps = () => {
    return {}
  }
  export default connect(mapStateToProps, mapDispatchToProps)(Blank)
  