'use client';

import { Provider } from 'react-redux';

import { store } from '../store';
import { ThemeProvider } from '../theme/theme-provider';
import { AosProvider } from './aos-provider';

type ProvidersProps = {
  children: React.ReactNode;
};

export const Providers = ({ children }: ProvidersProps) => {
  return (
    <Provider store={store}>
      <ThemeProvider
        attribute='class'
        defaultTheme='system'
        enableSystem
        disableTransitionOnChange
      >
        <AosProvider>{children}</AosProvider>
      </ThemeProvider>
    </Provider>
  );
};