'use client';

import React from 'react';
import { Provider } from 'react-redux';
import { PersistGate } from 'redux-persist/integration/react';
import { I18nextProvider } from 'react-i18next';
import { Toaster } from 'sonner';
import { store, persistor } from '@/store';
import i18n from '@/i18n';

export default function Providers({ children }: { children: React.ReactNode }) {
  return (
    <I18nextProvider i18n={i18n}>
      <Provider store={store}>
        <PersistGate loading={null} persistor={persistor}>
          {children}
          <Toaster position="top-center" richColors />
        </PersistGate>
      </Provider>
    </I18nextProvider>
  );
}