import { useTheme } from '@/components/ThemeContext';
import { FilterProvider } from '@/components/ui/FilterContext';
import { CustomHeader } from '@/components/ui/Header';
import DashboardScreen from '@/screens/announcements/ui/AnnouncementsList';
import { Stack } from 'expo-router';
import { SafeAreaView } from 'react-native-safe-area-context';

export default function Announcements() {
  const { isDark } = useTheme();
  return (
    <FilterProvider>
      <SafeAreaView
        style={{ flex: 1, backgroundColor: isDark ? '#0f172a' : '#ffffff', paddingBottom: 50 }}
      >
        <CustomHeader />
        <Stack.Screen options={{ title: "E'lonlar" }} />
        <DashboardScreen />
      </SafeAreaView>
    </FilterProvider>
  );
}