EducateAfricans.com

import { createSlice } from '@reduxjs/toolkit';

// Step 1: Define the initial state for the counter
const initialState = {
  value: 0,
};

// Step 2: Create the slice with reducers for increment, decrement, and reset
const counterSlice = createSlice({
  name: 'counter',
  initialState,
  reducers: {
    increment: (state) => {
      state.value += 1; // Increase the counter by 1
    },
    decrement: (state) => {
      state.value -= 1; // Decrease the counter by 1
    },
    reset: (state) => {
      state.value = 0; // Reset the counter to 0
    },
  },
});

// Step 3: Export the actions and the reducer
export const { increment, decrement, reset } = counterSlice.actions;
export default counterSlice.reducer;