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_90_1686}>
          <View style={styles.View_I90_1686_17_96} />
          <View style={styles.View_I90_1686_17_100}>
            <ImageBackground
              source={{
                uri:
                  "https://s3-us-west-2.amazonaws.com/figma-alpha-api/img/b72e/77ad/56a9cba0464f08dcf691b4f8736b4e78"
              }}
              style={styles.ImageBackground_I90_1686_17_101}
            />
            <ImageBackground
              source={{
                uri:
                  "https://s3-us-west-2.amazonaws.com/figma-alpha-api/img/19c3/78ae/ac6c388da814d56f4f98301026bb194e"
              }}
              style={styles.ImageBackground_I90_1686_17_110}
            />
            <View style={styles.View_I90_1686_17_114}>
              <ImageBackground
                source={{
                  uri:
                    "https://s3-us-west-2.amazonaws.com/figma-alpha-api/img/f68a/d9f4/c580a4c378fe8c24758a3c22a70abde7"
                }}
                style={styles.ImageBackground_I90_1686_17_117}
              />
              <ImageBackground
                source={{
                  uri:
                    "https://s3-us-west-2.amazonaws.com/figma-alpha-api/img/0e57/2888/2b8a7d1d61acaa585521e8d3190b6d02"
                }}
                style={styles.ImageBackground_I90_1686_17_122}
              />
              <ImageBackground
                source={{
                  uri:
                    "https://s3-us-west-2.amazonaws.com/figma-alpha-api/img/64c8/e922/6669b862f12710f875739b94bdd23ba6"
                }}
                style={styles.ImageBackground_I90_1686_17_123}
              />
            </View>
          </View>
          <View style={styles.View_I90_1686_17_124} />
          <View style={styles.View_I90_1686_17_126}>
            <ImageBackground
              source={{
                uri:
                  "https://s3-us-west-2.amazonaws.com/figma-alpha-api/img/24a9/97e1/d8c3afb79752bd1fa050e0cc78aa1857"
              }}
              style={styles.ImageBackground_I90_1686_17_127}
            />
          </View>
        </View>
        <View style={styles.View_90_1687}>
          <View style={styles.View_90_1688} />
          <View style={styles.View_90_1689}>
            <Text style={styles.Text_90_1689}>Card Number</Text>
          </View>
          <ImageBackground
            source={{
              uri:
                "https://s3-us-west-2.amazonaws.com/figma-alpha-api/img/fe8f/643d/c7134be464567a54f7ef899a173f126c"
            }}
            style={styles.ImageBackground_90_1691}
          />
        </View>
        <View style={styles.View_90_1692}>
          <View style={styles.View_90_1693} />
          <View style={styles.View_90_1694}>
            <Text style={styles.Text_90_1694}>Card Holder Name</Text>
          </View>
          <ImageBackground
            source={{
              uri:
                "https://s3-us-west-2.amazonaws.com/figma-alpha-api/img/3de1/8cfe/4a0f0f19b75686ad4437572d19e82155"
            }}
            style={styles.ImageBackground_90_1696}
          />
        </View>
        <View style={styles.View_90_1697}>
          <View style={styles.View_90_1698} />
          <View style={styles.View_90_1699}>
            <Text style={styles.Text_90_1699}>MM / YY</Text>
          </View>
          <View style={styles.View_90_1700}>
            <ImageBackground
              source={{
                uri:
                  "https://s3-us-west-2.amazonaws.com/figma-alpha-api/img/cc9c/0d7a/7037d18e8ec7e81543bb5109709a6718"
              }}
              style={styles.ImageBackground_I90_1700_2_163}
            />
          </View>
          <ImageBackground
            source={{
              uri:
                "https://s3-us-west-2.amazonaws.com/figma-alpha-api/img/580f/91af/a55ba5e2fc6c98080f700c4b23459cb1"
            }}
            style={styles.ImageBackground_90_1701}
          />
        </View>
        <View style={styles.View_90_1702}>
          <View style={styles.View_90_1703} />
          <View style={styles.View_90_1704}>
            <Text style={styles.Text_90_1704}>***</Text>
          </View>
          <ImageBackground
            source={{
              uri:
                "https://s3-us-west-2.amazonaws.com/figma-alpha-api/img/da55/8392/a0a5ef8699c3ec591924f9168cc74765"
            }}
            style={styles.ImageBackground_90_1706}
          />
        </View>
        <View style={styles.View_90_1726}>
          <View style={styles.View_I90_1726_2_225}>
            <Text style={styles.Text_I90_1726_2_225}>Subscribe</Text>
          </View>
        </View>
        <View style={styles.View_148_2433}>
          <ImageBackground
            source={{
              uri:
                "https://s3-us-west-2.amazonaws.com/figma-alpha-api/img/dfb2/45ec/a9b82a20708ba0d574eec6558e388be4"
            }}
            style={styles.ImageBackground_I148_2433_17_60}
          />
        </View>
        <View style={styles.View_90_1727}>
          <ImageBackground
            source={{
              uri:
                "https://s3-us-west-2.amazonaws.com/figma-alpha-api/img/6f31/96d6/6257309790b649beb2c7bd89defaf17f"
            }}
            style={styles.ImageBackground_90_1728}
          />
          <ImageBackground
            source={{
              uri:
                "https://s3-us-west-2.amazonaws.com/figma-alpha-api/img/257d/84e9/7eed38c4c8fcc3b6a4cb55f47c71c4b2"
            }}
            style={styles.ImageBackground_90_1729}
          />
        </View>
        <View style={styles.View_90_1784}>
          <View style={styles.View_90_1779} />
          <ImageBackground
            source={{
              uri:
                "https://s3-us-west-2.amazonaws.com/figma-alpha-api/img/e7e5/af6e/da7ba982b94284d71310095ccf0c55c7"
            }}
            style={styles.ImageBackground_90_1780}
          />
          <View style={styles.View_90_1781}>
            <Text style={styles.Text_90_1781}>Record Keeping Pro</Text>
          </View>
          <View style={styles.View_90_1783}>
            <Text style={styles.Text_90_1783}>$ 23.50</Text>
          </View>
          <View style={styles.View_90_1782}>
            <Text style={styles.Text_90_1782}>
              Lorem Ipsum is simply dummy text of the printing and typesetting
              industry.
            </Text>
          </View>
        </View>
      </ScrollView>
    )
  }
  
  const styles = StyleSheet.create({
    ScrollView_1: { backgroundColor: "rgba(255, 255, 255, 1)" },
    View_2: { height: hp("122%") },
    View_90_1686: {
      width: wp("100%"),
      minWidth: wp("100%"),
      height: hp("6%"),
      minHeight: hp("6%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%"),
      top: hp("0%"),
      backgroundColor: "rgba(0, 0, 0, 0)",
      overflow: "hidden"
    },
    View_I90_1686_17_96: {
      flexGrow: 1,
      width: wp("100%"),
      height: hp("4%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%"),
      top: hp("0%"),
      backgroundColor: "rgba(0, 0, 0, 0)"
    },
    View_I90_1686_17_100: {
      flexGrow: 1,
      width: wp("17%"),
      height: hp("2%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("80%"),
      top: hp("2%"),
      backgroundColor: "rgba(0, 0, 0, 0)"
    },
    ImageBackground_I90_1686_17_101: {
      width: wp("5%"),
      height: hp("2%"),
      top: hp("0%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%")
    },
    ImageBackground_I90_1686_17_110: {
      width: wp("4%"),
      height: hp("2%"),
      top: hp("0%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("6%")
    },
    View_I90_1686_17_114: {
      width: wp("6%"),
      minWidth: wp("6%"),
      height: hp("2%"),
      minHeight: hp("2%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("11%"),
      top: hp("0%"),
      backgroundColor: "rgba(0, 0, 0, 0)"
    },
    ImageBackground_I90_1686_17_117: {
      width: wp("0%"),
      minWidth: wp("0%"),
      height: hp("1%"),
      minHeight: hp("1%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("6%"),
      top: hp("1%")
    },
    ImageBackground_I90_1686_17_122: {
      width: wp("6%"),
      minWidth: wp("6%"),
      height: hp("2%"),
      minHeight: hp("2%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%"),
      top: hp("0%")
    },
    ImageBackground_I90_1686_17_123: {
      width: wp("5%"),
      minWidth: wp("5%"),
      height: hp("1%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%"),
      top: hp("0%")
    },
    View_I90_1686_17_124: {
      flexGrow: 1,
      width: wp("1%"),
      height: hp("1%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("81%"),
      top: hp("1%"),
      backgroundColor: "rgba(0, 0, 0, 0)"
    },
    View_I90_1686_17_126: {
      flexGrow: 1,
      width: wp("13%"),
      height: hp("3%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("5%"),
      top: hp("2%"),
      backgroundColor: "rgba(0, 0, 0, 0)",
      overflow: "hidden"
    },
    ImageBackground_I90_1686_17_127: {
      width: wp("8%"),
      height: hp("2%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("3%"),
      top: hp("0%")
    },
    View_90_1687: {
      width: wp("90%"),
      minWidth: wp("90%"),
      height: hp("11%"),
      minHeight: hp("11%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("5%"),
      top: hp("56%")
    },
    View_90_1688: {
      width: wp("90%"),
      minWidth: wp("90%"),
      height: hp("7%"),
      minHeight: hp("7%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%"),
      top: hp("4%"),
      borderColor: "rgba(0, 0, 0, 1)",
      borderWidth: 1
    },
    View_90_1689: {
      width: wp("24%"),
      minWidth: wp("24%"),
      minHeight: hp("4%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("5%"),
      top: hp("5%"),
      justifyContent: "flex-start"
    },
    Text_90_1689: {
      color: "rgba(0, 0, 0, 1)",
      fontSize: 13,
      fontWeight: "400",
      textAlign: "left",
      fontStyle: "normal",
      letterSpacing: 0,
      textTransform: "none"
    },
    ImageBackground_90_1691: {
      width: wp("21%"),
      minWidth: wp("21%"),
      height: hp("3%"),
      minHeight: hp("3%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%"),
      top: hp("0%")
    },
    View_90_1692: {
      width: wp("90%"),
      minWidth: wp("90%"),
      height: hp("11%"),
      minHeight: hp("11%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("5%"),
      top: hp("69%")
    },
    View_90_1693: {
      width: wp("90%"),
      minWidth: wp("90%"),
      height: hp("7%"),
      minHeight: hp("7%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%"),
      top: hp("4%"),
      borderColor: "rgba(0, 0, 0, 1)",
      borderWidth: 1
    },
    View_90_1694: {
      width: wp("33%"),
      minWidth: wp("33%"),
      minHeight: hp("4%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("5%"),
      top: hp("5%"),
      justifyContent: "flex-start"
    },
    Text_90_1694: {
      color: "rgba(0, 0, 0, 1)",
      fontSize: 13,
      fontWeight: "400",
      textAlign: "left",
      fontStyle: "normal",
      letterSpacing: 0,
      textTransform: "none"
    },
    ImageBackground_90_1696: {
      width: wp("29%"),
      minWidth: wp("29%"),
      height: hp("3%"),
      minHeight: hp("3%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%"),
      top: hp("0%")
    },
    View_90_1697: {
      width: wp("90%"),
      minWidth: wp("90%"),
      height: hp("11%"),
      minHeight: hp("11%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("5%"),
      top: hp("82%")
    },
    View_90_1698: {
      width: wp("90%"),
      minWidth: wp("90%"),
      height: hp("7%"),
      minHeight: hp("7%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%"),
      top: hp("4%"),
      borderColor: "rgba(0, 0, 0, 1)",
      borderWidth: 1
    },
    View_90_1699: {
      width: wp("15%"),
      minWidth: wp("15%"),
      minHeight: hp("4%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("5%"),
      top: hp("5%"),
      justifyContent: "flex-start"
    },
    Text_90_1699: {
      color: "rgba(0, 0, 0, 1)",
      fontSize: 13,
      fontWeight: "400",
      textAlign: "left",
      fontStyle: "normal",
      letterSpacing: 0,
      textTransform: "none"
    },
    View_90_1700: {
      width: wp("6%"),
      minWidth: wp("6%"),
      height: hp("3%"),
      minHeight: hp("3%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("80%"),
      top: hp("5%"),
      backgroundColor: "rgba(0, 0, 0, 0)",
      overflow: "hidden"
    },
    ImageBackground_I90_1700_2_163: {
      flexGrow: 1,
      width: wp("5%"),
      height: hp("3%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%"),
      top: hp("0%")
    },
    ImageBackground_90_1701: {
      width: wp("18%"),
      minWidth: wp("18%"),
      height: hp("3%"),
      minHeight: hp("3%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%"),
      top: hp("0%")
    },
    View_90_1702: {
      width: wp("90%"),
      minWidth: wp("90%"),
      height: hp("11%"),
      minHeight: hp("11%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("5%"),
      top: hp("95%")
    },
    View_90_1703: {
      width: wp("90%"),
      minWidth: wp("90%"),
      height: hp("7%"),
      minHeight: hp("7%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%"),
      top: hp("4%"),
      borderColor: "rgba(0, 0, 0, 1)",
      borderWidth: 1
    },
    View_90_1704: {
      width: wp("6%"),
      minWidth: wp("6%"),
      minHeight: hp("4%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("5%"),
      top: hp("6%"),
      justifyContent: "flex-start"
    },
    Text_90_1704: {
      color: "rgba(0, 0, 0, 1)",
      fontSize: 13,
      fontWeight: "400",
      textAlign: "left",
      fontStyle: "normal",
      letterSpacing: 0,
      textTransform: "none"
    },
    ImageBackground_90_1706: {
      width: wp("7%"),
      minWidth: wp("7%"),
      height: hp("3%"),
      minHeight: hp("3%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%"),
      top: hp("0%")
    },
    View_90_1726: {
      width: wp("90%"),
      minWidth: wp("90%"),
      height: hp("7%"),
      minHeight: hp("7%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("5%"),
      top: hp("111%"),
      backgroundColor: "rgba(0, 1, 159, 1)"
    },
    View_I90_1726_2_225: {
      flexGrow: 1,
      width: wp("19%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("36%"),
      top: hp("2%"),
      justifyContent: "flex-start"
    },
    Text_I90_1726_2_225: {
      color: "rgba(255, 255, 255, 1)",
      fontSize: 13,
      fontWeight: "700",
      textAlign: "left",
      fontStyle: "normal",
      letterSpacing: 0,
      textTransform: "none"
    },
    View_148_2433: {
      width: wp("32%"),
      minWidth: wp("32%"),
      height: hp("1%"),
      minHeight: hp("1%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("34%"),
      top: hp("120%"),
      backgroundColor: "rgba(0, 0, 0, 0)"
    },
    ImageBackground_I148_2433_17_60: {
      flexGrow: 1,
      width: wp("32%"),
      height: hp("1%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%"),
      top: hp("0%")
    },
    View_90_1727: {
      width: wp("50%"),
      minWidth: wp("50%"),
      height: hp("5%"),
      minHeight: hp("5%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("5%"),
      top: hp("9%")
    },
    ImageBackground_90_1728: {
      width: wp("40%"),
      minWidth: wp("40%"),
      height: hp("5%"),
      minHeight: hp("5%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("11%"),
      top: hp("0%")
    },
    ImageBackground_90_1729: {
      width: wp("6%"),
      height: hp("3%"),
      top: hp("1%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%")
    },
    View_90_1784: {
      width: wp("90%"),
      minWidth: wp("90%"),
      height: hp("35%"),
      minHeight: hp("35%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("5%"),
      top: hp("17%")
    },
    View_90_1779: {
      width: wp("90%"),
      minWidth: wp("90%"),
      height: hp("35%"),
      minHeight: hp("35%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%"),
      top: hp("0%")
    },
    ImageBackground_90_1780: {
      width: wp("90%"),
      minWidth: wp("90%"),
      height: hp("35%"),
      minHeight: hp("35%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("0%"),
      top: hp("0%")
    },
    View_90_1781: {
      width: wp("51%"),
      minWidth: wp("51%"),
      minHeight: hp("5%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("7%"),
      top: hp("4%"),
      justifyContent: "flex-start"
    },
    Text_90_1781: {
      color: "rgba(255, 255, 255, 1)",
      fontSize: 19,
      fontWeight: "400",
      textAlign: "left",
      fontStyle: "normal",
      letterSpacing: 0,
      textTransform: "none"
    },
    View_90_1783: {
      width: wp("21%"),
      minWidth: wp("21%"),
      minHeight: hp("5%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("7%"),
      top: hp("25%"),
      justifyContent: "flex-start"
    },
    Text_90_1783: {
      fontSize: 19,
      fontWeight: "700",
      textAlign: "left",
      fontStyle: "normal",
      letterSpacing: 0,
      textTransform: "none"
    },
    View_90_1782: {
      width: wp("67%"),
      minWidth: wp("67%"),
      minHeight: hp("8%"),
      marginLeft: 0,
      marginTop: 0,
      position: "absolute",
      left: wp("7%"),
      top: hp("11%"),
      justifyContent: "flex-start"
    },
    Text_90_1782: {
      color: "rgba(255, 255, 255, 1)",
      fontSize: 13,
      fontWeight: "400",
      textAlign: "left",
      fontStyle: "normal",
      letterSpacing: 0,
      textTransform: "none"
    }
  })
  
  const mapStateToProps = state => {
    return {}
  }
  const mapDispatchToProps = () => {
    return {}
  }
  export default connect(mapStateToProps, mapDispatchToProps)(Blank)
  