import { ref } from "vue";

// Singleton state (module-level)
const isOpen = ref(false);

export function useSearchModal() {
  function openModal() {
    isOpen.value = true;
  }

  function closeModal() {
    isOpen.value = false;
  }

  function toggleModal() {
    isOpen.value = !isOpen.value;
  }

  return {
    isOpen,
    openModal,
    closeModal,
    toggleModal,
  };
}