32 lines
618 B
TypeScript
32 lines
618 B
TypeScript
|
import React from "react";
|
||
|
|
import { StyleSheet, Text, View } from "react-native";
|
||
|
|
|
||
|
|
const SessionFooter = ({ 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 SessionFooter;
|