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

const SessionCardStat = ({ sessionStat, displayName }) => {
	return (
		<View>
			<Text style={styles.statItem}>{displayName}</Text>
			<Text style={styles.statValue}>{sessionStat}</Text>
		</View>
	);
};

const styles = StyleSheet.create({
	statItem: {
		fontSize: 10,
		textAlign: "center",
		color: "#666",
	},
	statValue: {
		fontSize: 22,
		fontWeight: "400",
	},
});

export default SessionCardStat;
