import React from 'react'
import Colors from '../../../constants/Colors';
import { Stack } from 'expo-router';
import { UserFeedProvider } from '../../../components/userFeedContext';



const ProfileLayout = () => {

  return (
    <UserFeedProvider>
      <Stack>
        <Stack.Screen name="profile" options={{ headerShown: false }} />
        <Stack.Screen name="account" options={{ title:'', headerTintColor:Colors.dark.redBright }} />
        <Stack.Screen name="about" options={{ title:'About', headerTintColor:Colors.dark.redBright, headerTitleStyle:{color:Colors.dark.text}}} />
        <Stack.Screen name="contact" options={{ title:'Contact Me', headerTintColor:Colors.dark.redBright, headerTitleStyle:{color:Colors.dark.text} }} />
        <Stack.Screen name="donations" options={{ title:'🥺', headerTintColor:Colors.dark.redBright, headerTitleStyle:{color:Colors.dark.text} }} />
        <Stack.Screen name="legal" options={{ title:'', headerTintColor:Colors.dark.redBright }} />
        <Stack.Screen name="settings" options={{ title:'App Settings', headerTintColor:Colors.dark.redBright, headerTitleStyle:{color:Colors.dark.text} }} />
        <Stack.Screen name="notifications" options={{ title:'Notification Settings', headerTintColor:Colors.dark.redBright, headerTitleStyle:{color:Colors.dark.text} }} />
        <Stack.Screen name="help" options={{ title:'The Nitty Gritty', headerTintColor:Colors.dark.redBright, headerTitleStyle:{color:Colors.dark.text} }} />
        <Stack.Screen name="feedback" options={{ title:'', headerTintColor:Colors.dark.redBright }} />
        <Stack.Screen name="posts" options={{ title:'Your Posts', headerTintColor:Colors.dark.redBright, headerTitleStyle:{color:Colors.dark.text} }} />
        <Stack.Screen name="comments" options={{ title:'Your Comments', headerTintColor:Colors.dark.redBright, headerTitleStyle:{color:Colors.dark.text} }} />
        <Stack.Screen name="post" options={{ title:'Post', headerTintColor:Colors.dark.redBright, headerTitleStyle:{color:Colors.dark.text} }} />

      </Stack>
    </UserFeedProvider>
  );
}

export default ProfileLayout