import { Stack } from "expo-router";
import { StatusBar } from "expo-status-bar";
import { SocketProvider } from "@/contexts/SocketContext";

export default function RootLayout() {
  return (
    <SocketProvider>
      <StatusBar style="light" />
      <Stack
        screenOptions={{
          headerStyle: { backgroundColor: "#0a0a0a" },
          headerTintColor: "#f5f5f5",
          contentStyle: { backgroundColor: "#0a0a0a" },
        }}
      >
        <Stack.Screen name="index" options={{ title: "Pi Mobile" }} />
        <Stack.Screen name="sessions" options={{ title: "Projects" }} />
        <Stack.Screen name="project" options={{ title: "Project" }} />
        <Stack.Screen name="picker" options={{ title: "Choose Folder" }} />
        <Stack.Screen name="chat/[runtimeId]" options={{ title: "Chat" }} />
      </Stack>
    </SocketProvider>
  );
}