import { configureStore } from '@reduxjs/toolkit';
import mockupReducer from './slices/mockupSlice';
import selectionReducer from './slices/selectionSlice';
import historyReducer from './slices/historySlice';
import uiReducer from './slices/uiSlice';

export const store = configureStore({
  reducer: {
    mockup: mockupReducer,
    selection: selectionReducer,
    history: historyReducer,
    ui: uiReducer,
  },
  middleware: (getDefaultMiddleware) =>
    getDefaultMiddleware({
      serializableCheck: {
        // Ignore these action types for serializability checks
        ignoredActions: ['history/push', 'history/undo', 'history/redo'],
      },
    }),
});

export type RootState = ReturnType<typeof store.getState>;
export type AppDispatch = typeof store.dispatch;