import React from "react";
import { StyleSheet, Text, View } from "react-native";

const SessionCardFooter = ({ sessionName, lastPlayed }) => {
	return (
		<View>
			<Text style={styles.sessionName}>{sessionName}</Text>
			<Text style={styles.sessionDatetime}>{lastPlayed}</Text>
		</View>
	);
};

const styles = StyleSheet.create({
	sessionName: {
		fontSize: 18,
		fontWeight: "medium",
		paddingTop: 5,
		marginLeft: 16,
		marginRight: 16,
	},
	sessionDatetime: {
		fontSize: 10,
		fontWeight: "light",
		color: "#A3A3A3",
		marginLeft: 16,
		marginRight: 16,
		marginBottom: 16,
	},
});

export default SessionCardFooter;
