import { Stack } from 'expo-router'
import { SafeAreaProvider } from 'react-native-safe-area-context'
import '../src/styles/global.css'

export default function RootLayout() {
  return (
    <SafeAreaProvider>
      <Stack screenOptions={{ headerShown: false, contentBackgroundColor: '#0a0a0a' }}>
        <Stack.Screen name="index" />
        <Stack.Screen name="library" />
        <Stack.Screen name="create" />
        <Stack.Screen name="radio" />
        <Stack.Screen name="search" />
        <Stack.Screen name="account" />
        <Stack.Screen name="now-playing" />
        <Stack.Screen name="shareplay" />
        <Stack.Screen name="mood" />
        <Stack.Screen name="playlist" />
        <Stack.Screen name="releases" />
        <Stack.Screen name="lofi" />
      </Stack>
    </SafeAreaProvider>
  )
}