import React from "react"
import { View, StyleSheet, StatusBar, Text, Dimensions } from "react-native"
import { colors, texts, credentials } from "./Variables"

import { BannerAd, BannerAdSize, TestIds } from 'react-native-google-mobile-ads'
const adUnitId = __DEV__ ? TestIds.INTERSTITIAL : 'ca-app-pub-4145771316565790~1876877627'

const screen = Dimensions.get("window")

const styles = StyleSheet.create({
  container: {
    //backgroundColor: colors.yellow,
    flex: 1,
    alignItems: "center",
    justifyContent: "center",
    marginVertical: 20
  }
})

export const Banner = () => {
  return (
    <View style={styles.container}>
      <BannerAd size={BannerAdSize.ADAPTIVE_BANNER} unitId={adUnitId} />
    </View>
  )
}