import { View, Text, StyleSheet } from 'react-native';

import { ThemedText } from '@/components/misc/themed-text';

import { ThemedView } from '@/components/misc/themed-view';

import { ScreenLayout } from '@/components/ui/ScreenLayout';

import { useAuth } from '@/context/AuthContext';

  const onPressSleep = () => {

    router.push('/sleep/new')

  }

  return (

    <ScreenLayout userName={user.firstName} userAvatar={user.avatarURL}

      onNotificationPress={() => console.log('Notifications')}

      showNotificationBadge={true}>

      <Section>

          <Text style={styles.cardDescription}>

            Informe duração e qualidade do sono.

          </Text>

        </Card>

          <View style={[styles.cardIcon, { backgroundColor: '#FFF7ED' }]}>

            <Ionicons name="flash-outline" size={20} color="#EA580C" />

          </View>

          <Text style={styles.cardTitle}>

    fontSize: 12,

    lineHeight: 16,

    alignItems: 'center'

  }

})

import { DarkTheme, DefaultTheme, ThemeProvider } from '@react-navigation/native'

import { Stack } from 'expo-router';

import { useColorScheme } from 'react-native';

import { QueryClientProvider } from '@tanstack/react-query';

import { queryClient } from '@/lib/queryClient';

              options={{

                title: "Registrar Sono"

              }}

            />

            <Stack.Screen name="modal" options={{ presentation: 'modal', title: 'Modal' }} />

          </Stack>

        </AuthProvider>

      </ThemeProvider>

    </QueryClientProvider>

  );

}