'use client'

import { CacheProvider } from '@chakra-ui/next-js'
import { ChakraProvider } from '@chakra-ui/react'
import { Provider } from 'react-redux'
import { store } from '../store'
import { theme } from '../lib/theme'

export function Providers({ children }: { children: React.ReactNode }) {
  console.log('Providers component rendering...')
  return (
    <Provider store={store}>
      <CacheProvider>
        <ChakraProvider theme={theme}>
          {children}
        </ChakraProvider>
      </CacheProvider>
    </Provider>
  )
}