import { Appearance, StyleSheet, Platform, 
    SafeAreaView,FlatList, ScrollView, View, Text } from "react-native";

import { Colors } from "@/constants/Colors";
import { MENU_ITEMS } from "@/constants/NoticeItems";

export default function MenuScreen(){
    const colorScheme = Appearance.getColorScheme();

    const theme = colorScheme === 'dark' ? Colors.dark : Colors.light;

    const Container = Platform.OS === 'web' ? ScrollView : SafeAreaView;

    return(
        <Container>
            <FlatList
             data={MENU_ITEMS}
             keyExtractor={(item) => item.id.toString()}
             renderItem={({ item }) => (
               <View>
                <Text>{item.title}</Text>
               </View>
             )}
            ></FlatList>
        </Container>
    )
}