import { LayoutProvider } from '@/context/useLayoutContext';
import { NotificationProvider } from '@/context/useNotificationContext';
import { AuthProvider } from '@/auth/AuthProvider';
import { Suspense } from 'react';
import Loader from '@/components/Loader';

const AppWrapper = ({ children }) => {
  return (
    <AuthProvider>
      <LayoutProvider>
        <NotificationProvider>
          <Suspense fallback={<Loader height="100vh" />}>{children}</Suspense>
        </NotificationProvider>
      </LayoutProvider>
    </AuthProvider>
  );
};

export default AppWrapper;