import "../global.css";
import { Stack } from "expo-router";
import { ConnectionProvider } from "../contexts/ConnectionContext";
import { ChatProvider } from "../contexts/ChatContext";
import { StatusBar } from "expo-status-bar";

export default function RootLayout() {
  return (
    <ConnectionProvider>
      <ChatProvider>
        <StatusBar style="light" backgroundColor="#0A0A0F" />
        <Stack
          screenOptions={{
            headerShown: false,
            contentStyle: { backgroundColor: "#0A0A0F" },
            animation: "slide_from_right",
          }}
        />
      </ChatProvider>
    </ConnectionProvider>
  );
}