export const useAppStore = defineStore("app", () => {
  const activeState = ref<string>('');

  const setActiveState = (state: string) => {
    activeState.value = state;
  };
  const unsetActiveState = () => {
    activeState.value = '';
  };

  const isRegister = computed<boolean>(() => activeState.value === "register");
  const isLogin = computed<boolean>(() => activeState.value === "login");
  const isForgot = computed<boolean>(() => activeState.value === "reset-password");
  const isReset = computed<boolean>(() => activeState.value === "new-password");

  const isOverflowHidden = ref<boolean>(false);
  const setOverflowHidden = (value: boolean) => {
    isOverflowHidden.value = value;
  }

  return {
    activeState,
    setActiveState,
    unsetActiveState,

    isRegister,
    isLogin,
    isForgot,
    isReset,

    isOverflowHidden,
    setOverflowHidden
  };
});