import { createSlice, PayloadAction } from "@reduxjs/toolkit";

interface HideOptionState {
  hideOptionNames: boolean;
  activePanel: "Search" | "Notification" | "Setting" | null;
}

const initialState: HideOptionState = {
  hideOptionNames : false,
  activePanel: null,
};

const hideOptionSlice = createSlice({
  name: "hideOption",
  initialState,
  reducers: {
    SetHideOptionNames(state, action: PayloadAction<boolean>) {
      state.hideOptionNames = action.payload;
    },
    setActivePanel(state, action: PayloadAction<HideOptionState["activePanel"]>) {
      state.activePanel = action.payload;
    },
    clearActivePanel(state) {
      state.activePanel = null;
    },
  },
});

export const { SetHideOptionNames, setActivePanel, clearActivePanel } = hideOptionSlice.actions;
export default hideOptionSlice.reducer;