import { Stack } from "expo-router";

import { View, Text } from 'react-native'
import React from 'react'
import { useThemeColor } from "../../../hooks/useThemeColor";
import { useTheme } from "../../contexts/ThemeContext";


export default function _Layout() {
  const { colors } = useTheme();
  return (
    <Stack 
      initialRouteName="index"
      screenOptions={{
      contentStyle: {
        backgroundColor:colors.backgroundColor,
      },
      headerStyle: {
        backgroundColor: colors.backgroundColor
      },
      headerTintColor: colors.primaryText

    }}>
      <Stack.Screen name="index" options={{
        title: "test",
        headerShown: false,
      }}/>
      <Stack.Screen name="addItem"/>
      <Stack.Screen name="userSettings" options={{
        animation: "slide_from_left",
        title: "User Settings",
        headerShown: false,
      }}/>
    </Stack>
  )
}