import { Action, ThunkAction, configureStore } from "@reduxjs/toolkit";

import apiSettingsReducer from "./api-settings-slice";
import bookingReducer from "./features/booking/booking-slice";
import priceDetailsReducer from "./features/price-details/price-details-slice";
import travelersFormReducer from "./features/travelers-form/travelers-form-slice";
import summaryReducer from "./features/summary/summary-slice";
import { useDispatch } from "react-redux";

export const store = configureStore({
  reducer: {
    booking: bookingReducer,
    travelersForm: travelersFormReducer,
    priceDetails: priceDetailsReducer,
    summary: summaryReducer,
    apiSettings: apiSettingsReducer,
  },
});

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

export type AppThunk<ReturnType = void> = ThunkAction<
  ReturnType,
  RootState,
  unknown,
  Action<string>
>;

export type AppDispatch = typeof store.dispatch;

export const useAppDispatch = () => useDispatch<AppDispatch>();