'use client';

import React, { useEffect } from 'react';
import { Provider } from 'react-redux';
import { store } from '@/store';
import { loadStoredAuth } from '@/store/authSlice';

function AuthLoader({ children }: { children: React.ReactNode }) {
  useEffect(() => {
    store.dispatch(loadStoredAuth());
  }, []);

  return <>{children}</>;
}

export function Providers({ children }: { children: React.ReactNode }) {
  return (
    <Provider store={store}>
      <AuthLoader>{children}</AuthLoader>
    </Provider>
  );
}