import { create } from 'zustand';
import type { ContactItemType, ContactGroupItem } from '../../../types/contact';

interface ContactListState {
  activeContact: ContactGroupItem | undefined;
  contactGroupTitles: Partial<Record<ContactItemType, string>>;
  setActiveContact: (contactInfo: ContactGroupItem | undefined) => void;
  setContactGroupTitles: (groups: Partial<Record<ContactItemType, string>>) => void;
}

const useContactList = create<ContactListState>(set => ({
  activeContact: undefined,
  contactGroupTitles: {},

  setActiveContact: contactInfo =>
    set({ activeContact: contactInfo }),

  setContactGroupTitles: groups =>
    set({ contactGroupTitles: groups }),
}));

export {
  useContactList,
};