import { configureStore } from "@reduxjs/toolkit";
import { useDispatch } from "react-redux";
import authReducer from "./slices/authSlice";
import variablesReducer from "./slices/variablesSlice";
import kueChartModeReducer from "./slices/kueChartModeSlice";
import webVersionReducer from "./slices/webVersionSlice";
import digitalInputsReducer from "./slices/digitalInputsSlice";
import kabelueberwachungChartReducer from "./slices/kabelueberwachungChartSlice";
import dashboardReducer from "./slices/dashboardSlice";
import systemSettingsReducer from "./slices/systemSettingsSlice";
import opcuaSettingsReducer from "./slices/opcuaSettingsSlice";
import digitalOutputsReducer from "./slices/digitalOutputsSlice";
import analogeEingaengeReducer from "./slices/analogeEingaengeSlice";

const store = configureStore({
  reducer: {
    auth: authReducer,
    variables: variablesReducer,
    kueChartMode: kueChartModeReducer,
    webVersion: webVersionReducer,
    digitalInputs: digitalInputsReducer,
    kabelueberwachungChart: kabelueberwachungChartReducer,
    dashboard: dashboardReducer,
    systemSettings: systemSettingsReducer,
    opcuaSettings: opcuaSettingsReducer,
    digitalOutputs: digitalOutputsReducer,
    analogeEingaenge: analogeEingaengeReducer,
  },
});

export type RootState = ReturnType<typeof store.getState>;
export type AppDispatch = typeof store.dispatch;
export const useAppDispatch: () => AppDispatch = useDispatch; // ✅ Typisierte Dispatch-Funktion

export default store;