leaderboardMenu.js

import React, { useState } from 'react';
import {
    StyleSheet,
    View,
    Text,
    TouchableOpacity,
} from 'react-native';
import { SettingsContext } from './settings/SettingsContext';
import CustomText from './CustomText';
import { ButtonText } from './buttonText'


export const LeaderboardMenu = () => {
    return(
        <View style={styles.container}>
            <CustomText style={styles.titleTxt}>Leaderboards:</CustomText>
            <CustomText style={styles.subtitleTxt}>Coming Soon!</CustomText>
        </View>
    );
};

const styles = StyleSheet.create({
    container: {
        width: '100%',
        height: '100%',
        alignItems: 'center',
    },
    titleTxt: {
        fontSize: 40,
        fontFamily: 'Billy-Bold',
        textAlign: 'center',
        paddingVertical: 60,
    },
    subtitleTxt: {
        fontSize: 38,
        fontFamily: 'Billy',
        textAlign: 'center',
    },
});