import React from "react"
import { View, StyleSheet, StatusBar, Text, Dimensions } from "react-native"
import { AdMobBanner, AdMobInterstitial, PublisherBanner, AdMobRewarded } from "expo-ads-admob"

import { colors, texts, credentials } from "../components/Variables"

const screen = Dimensions.get("window")

const styles = StyleSheet.create({
  container: {
    backgroundColor: colors.yellow,
    position: "absolute",
    bottom: 0,
    left: 0,
    right: 0,
    flex: 1,
    alignItems: "center",
    justifyContent: "center"
  },
  title: {
    color: colors.white,
    fontSize: 25,
    textAlign: "center",
    fontWeight: "600",
    paddingVertical: 20
  },
  banner: {
    width: "100%",
    height: "100%",
    marginVertical: 20
  },
})

class Banner extends React.Component {

  state = {
    results: false
  }

  bannerError = (e) => {
    //console.log("Banner error: ", e)
  }

  render() {

    return (
      <View style={styles.container} >
        <AdMobBanner
          style={styles.banner}
          bannerSize="mediumRectangle"
          adUnitID={credentials.adMobUnitID}
          onDidFailToReceiveAdWithError={this.bannerError} />

      </View>
    )
  }
}

export default Banner