"use client";

import { Provider } from "react-redux";
import { useState } from 'react';
import { makeStore, type PreloadedStateType } from '@/store/store';
import CartBootstrap from "@/components/cart/CartBootstrap";

export const ReduxProvider = ({ 
    children,
    preloadedState
}: { 
    children: React.ReactNode,
    preloadedState?: PreloadedStateType
}) => {
    const [store] = useState(() => makeStore(preloadedState));

    return ( 
        <Provider store={store}>
            <CartBootstrap />
            {children}
        </Provider>
    );
}