MAD-Treasure-Hunt/src/components/screens/TeamScreen.js

import React from 'react';
import {StyleSheet, Text} from 'react-native';
import Screen from '../layout/Screen';

const TeamScreen = () => {
//   Initialisation -------------
//   State ----------------------
//   Handlers -------------------
//   View -----------------------

    return (
        <Screen style={styles.container}>
            <Text style={styles.title}>Team Management</Text>
            <Text style={styles.body}>Team management setup goes here.</Text>
        </Screen>
    );
};

const styles = StyleSheet.create({
    container: {justifyContent: 'center', alignItems: 'center'},
    title: {fontSize: 24, fontWeight: 'bold'},
    body: {color: '#4b5563', fontSize: 15, marginTop: 10},
});

export default TeamScreen;