import { create } from 'zustand';
import { CategoryPromo } from '~/types/promotion';

type State = {
  active: boolean;
  variantId?: number;
  activeTab: CategoryPromo;
};

type Action = {
  openModal: (variantId: number) => void;
  closeModal: () => void;
  changeTab: (tab: State['activeTab']) => void;
};

const defaultState: Omit<State, 'activeTab'> = {
  active: false,
  variantId: undefined,
};

export const useModalStore = create<State & Action>((set) => ({
  ...defaultState,
  activeTab: 'bundling',
  openModal: (variantId: number) => set({ active: true, variantId }),
  closeModal: () => set(defaultState),
  // TABS
  changeTab: (tab) => set({ activeTab: tab }),
}));