maternal-app/maternal-web/components/ThemeRegistry.tsx

'use client';

import { ThemeProvider } from '@mui/material/styles';
import CssBaseline from '@mui/material/CssBaseline';
import { AppRouterCacheProvider } from '@mui/material-nextjs/v14-appRouter';
import { maternalTheme } from '@/styles/themes/maternalTheme';
import { AuthProvider } from '@/lib/auth/AuthContext';
import { ReactNode } from 'react';

export function ThemeRegistry({ children }: { children: ReactNode }) {
  return (
    <AppRouterCacheProvider>
      <ThemeProvider theme={maternalTheme}>
        <CssBaseline />
        <AuthProvider>
          {children}
        </AuthProvider>
      </ThemeProvider>
    </AppRouterCacheProvider>
  );
}