From 2b66d9e8cd1df2e6b85ab522a255a25f5517a601 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Chlo=C3=A9=20CHAUVIN?= <chloe.chauvin@epitech.eu>
Date: Tue, 13 Sep 2022 12:09:56 +0200
Subject: [PATCH] [ADD] songCard component

---
 front/components/songCard.tsx | 41 +++++++++++++++++++++++++++++++++++
 1 file changed, 41 insertions(+)
 create mode 100644 front/components/songCard.tsx

diff --git a/front/components/songCard.tsx b/front/components/songCard.tsx
new file mode 100644
index 0000000..d95e855
--- /dev/null
+++ b/front/components/songCard.tsx
@@ -0,0 +1,41 @@
+import React from "react";
+import { Card, Text, Title } from "react-native-paper";
+
+const SongCard = (
+    props: { 
+        albumCover: string; 
+        songTitle: string; 
+        artistName: string;
+    }) =>
+{
+
+    const { albumCover, songTitle, artistName } = props
+
+    const cardFormat = {
+        margin: 10,
+        padding: 10,
+        width: 300,
+        backgroundColor: '#C5C5C5'
+    }
+
+    const artistNameStyle = {
+        fontStyle: 'Italic'
+    }
+
+    const songTitleStyle = {
+        fontweight: '900',
+        color: 'black'
+    }
+
+    return (
+        <Card style={cardFormat}>
+          <Card.Cover source={{ uri: albumCover }} />
+          <Card.Content>
+          <Title style={songTitleStyle}> {songTitle}</Title>
+            <Text style={artistNameStyle}> {artistName}</Text>
+          </Card.Content>
+        </Card>
+    );
+}
+
+export default SongCard;
\ No newline at end of file