import type { ModalData } from '../../interfaces/index.js'
import { HIDE_MODAL, SHOW_MODAL } from '../actions/modal.js'

export type ModalInState = (ModalData & { show: true }) | { show: false }

export const modalReducer = (
  state: ModalInState = { show: false },
  action: {
    type: string
    data: ModalData
  },
): ModalInState => {
  switch (action.type) {
  case SHOW_MODAL: {
    return {
      ...action.data,
      show: true,
    }
  }
  case HIDE_MODAL: {
    return { show: false }
  }
  default:
    return state
  }
}