brandonsueur · May 9, 2020 07:54
diff --git a/banner.js b/banner.js
 import React from "react";
 import { StyleSheet, Text, View } from "react-native";

 const Banner = () => {
  return (
    <View style={styles.banner}>
      <Text style={styles.bannerTitle}>
        Bonsoir <Text style={{ fontWeight: "bold" }}>Elisa</Text>, 👋
      </Text>
      <Text style={styles.bannerParagraph}>
        Il vous reste 28 photos pour atteindre votre objectif !
      </Text>
    </View>
  );
 };

 const styles = StyleSheet.create({
  banner: {
    marginTop: 50,
    paddingHorizontal: 15,
    paddingVertical: 20,
    backgroundColor: "#000",
    borderRadius: 10,
    shadowColor: "#000",
    shadowOffset: {
      width: 0,
      height: 3,
    },
    shadowOpacity: 0.3,
    shadowRadius: 5,

    elevation: 1,
  },
  bannerTitle: {
    fontSize: 20,
    color: "#fff",
    marginBottom: 10,
  },
  bannerParagraph: {
    color: "#fff",
  },
 });

 export default Banner;