import { AuthSteps } from '../runtime';

/** Управляет состоянием попапа авторизации: открытие на нужном шаге AuthSteps, закрытие, дополнительный текст. */
export const useAuthPopup = () => {
  const isAuthPopupOpen = useState('auth-popup-open', () => false);
  const currentStep = useState<AuthSteps>('auth-popup-step', () => AuthSteps.Registration);
  const additionalText = useState<string | undefined>('auth-popup-text', () => undefined);

  const openAuthPopup = (step: AuthSteps, text?: string) => {
    isAuthPopupOpen.value = true;
    currentStep.value = step;
    additionalText.value = text;
  };

  const closeAuthPopup = () => {
    isAuthPopupOpen.value = false;
  };

  return {
    isAuthPopupOpen,
    currentStep,
    openAuthPopup,
    closeAuthPopup,
    additionalText,
  };
};