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_202_790} />
        <View style={styles.View_202_791} />
        <ImageBackground
          source={{
            uri:
              "https://s3-us-west-2.amazonaws.com/figma-alpha-api/img/c513/9bd3/e6edeaa23c4ad04da0a0bca9c833a8d9"
          }}
          style={styles.ImageBackground_202_792}
        />
        <ImageBackground
          source={{
            uri:
              "https://s3-us-west-2.amazonaws.com/figma-alpha-api/img/66d6/c9e2/ffbfbdeee35881acde2eea924e83d5de"
          }}
          style={styles.ImageBackground_202_794}
        />
        <View style={styles.View_202_796}>
          <ImageBackground
            source={{
              uri:
                "https://s3-us-west-2.amazonaws.com/figma-alpha-api/img/e99f/aec3/54af6f9fc9352271ebd63af64b9fc78d"
            }}
            style={styles.ImageBackground_202_797}
          />
        </View>
        <ImageBackground
          source={{
            uri:
              "https://s3-us-west-2.amazonaws.com/figma-alpha-api/img/6357/1d1a/3ea417982c5edb0706750298502cdbc8"
          }}
          style={styles.ImageBackground_202_799}
        />
        <View style={styles.View_202_803}>
          <View style={styles.View_202_804}>
            <ImageBackground
              source={{
                uri:
                  "https://s3-us-west-2.amazonaws.com/figma-alpha-api/img/c68f/cb65/3263b1065eecc7957423cf291b5cb388"
              }}
              style={styles.ImageBackground_202_805}
            />
            <ImageBackground
              source={{
                uri:
                  "https://s3-us-west-2.amazonaws.com/figma-alpha-api/img/f84b/8af3/8dd8ee8bf31670fa8f3985bcbbda0901"
              }}
              style={styles.ImageBackground_202_806}
            />
          </View>
        </View>
        <View style={styles.View_202_809}>
          <View style={styles.View_202_810} />
          <View style={styles.View_202_811} />
          <View style={styles.View_202_812} />
        </View>
        <View style={styles.View_202_813}>
          <Text style={styles.Text_202_813}>Shop for Services</Text>
        </View>
        <View style={styles.View_202_814}>
          <Text style={styles.Text_202_814}>
            You need to have at least 1 LE ???
          </Text>
        </View>
      </ScrollView>
    )
  }
  
  const styles = StyleSheet.create({
    ScrollView_1: { backgroundColor: "rgba(255, 255, 255, 1)" },
    View_2: { height: hp("127%") },
    View_202_790: {
      width: wp("100%"),
      minWidth: wp("100%"),
      height: hp("127%"),
      minHeight: hp("127%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%"),
      top: hp("0%"),
      backgroundColor: "rgba(240, 244, 249, 1)"
    },
    View_202_791: {
      width: wp("100%"),
      minWidth: wp("100%"),
      height: hp("13%"),
      minHeight: hp("13%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%"),
      top: hp("114%"),
      backgroundColor: "rgba(60, 79, 253, 1)"
    },
    ImageBackground_202_792: {
      width: wp("6%"),
      height: hp("4%"),
      top: hp("117%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("9%")
    },
    ImageBackground_202_794: {
      width: wp("7%"),
      height: hp("3%"),
      top: hp("118%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("28%")
    },
    View_202_796: {
      width: wp("10%"),
      minWidth: wp("10%"),
      height: hp("4%"),
      minHeight: hp("4%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("45%"),
      top: hp("117%"),
      backgroundColor: "rgba(0, 0, 0, 0)"
    },
    ImageBackground_202_797: {
      width: wp("10%"),
      height: hp("4%"),
      top: hp("0%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%")
    },
    ImageBackground_202_799: {
      width: wp("6%"),
      height: hp("4%"),
      top: hp("117%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("66%")
    },
    View_202_803: {
      width: wp("8%"),
      minWidth: wp("8%"),
      height: hp("4%"),
      minHeight: hp("4%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("84%"),
      top: hp("117%"),
      backgroundColor: "rgba(0, 0, 0, 0)"
    },
    View_202_804: {
      width: wp("8%"),
      height: hp("4%"),
      top: hp("0%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%")
    },
    ImageBackground_202_805: {
      width: wp("8%"),
      height: hp("3%"),
      top: hp("0%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%")
    },
    ImageBackground_202_806: {
      width: wp("2%"),
      height: hp("2%"),
      top: hp("1%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("3%")
    },
    View_202_809: {
      width: wp("7%"),
      minWidth: wp("7%"),
      height: hp("3%"),
      minHeight: hp("3%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("6%"),
      top: hp("7%")
    },
    View_202_810: {
      width: wp("7%"),
      minWidth: wp("7%"),
      height: hp("1%"),
      minHeight: hp("1%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%"),
      top: hp("0%"),
      backgroundColor: "rgba(7, 38, 123, 1)"
    },
    View_202_811: {
      width: wp("4%"),
      minWidth: wp("4%"),
      height: hp("1%"),
      minHeight: hp("1%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%"),
      top: hp("1%"),
      backgroundColor: "rgba(7, 38, 123, 1)"
    },
    View_202_812: {
      width: wp("6%"),
      minWidth: wp("6%"),
      height: hp("1%"),
      minHeight: hp("1%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%"),
      top: hp("2%"),
      backgroundColor: "rgba(7, 38, 123, 1)"
    },
    View_202_813: {
      width: wp("41%"),
      minWidth: wp("41%"),
      minHeight: hp("4%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("30%"),
      top: hp("7%"),
      justifyContent: "center"
    },
    Text_202_813: {
      color: "rgba(7, 38, 123, 1)",
      fontSize: 18,
      fontWeight: "500",
      textAlign: "center",
      fontStyle: "normal",
      letterSpacing: 0,
      textTransform: "none"
    },
    View_202_814: {
      width: wp("60%"),
      minWidth: wp("60%"),
      minHeight: hp("3%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("21%"),
      top: hp("14%"),
      justifyContent: "center"
    },
    Text_202_814: {
      color: "rgba(60, 79, 253, 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)
  