import { Step } from "./usePanelController";

export const useUIController = () => {
  const buttonString: Record<Step, string> = {
    [Step.ARCA_VALIDATED]: "Consultar ARCA",
    [Step.EXISTS]: "Crear ticket",
    [Step.CREATE]: "Crear contacto y ticket",
    [Step.TICKET]: "Crear ticket",
  };

  const panelTitle: Record<Step, string> = {
    [Step.ARCA_VALIDATED]: "Verificar Contribuyente",
    [Step.EXISTS]: "Contacto Encontrado",
    [Step.CREATE]: "Nuevo Contacto",
    [Step.TICKET]: "Crear ticket",
  };

  const currentStep: Record<Step, number> = {
    [Step.ARCA_VALIDATED]: 0,
    [Step.EXISTS]: 1,
    [Step.CREATE]: 1,
    [Step.TICKET]: 2,
  };

  const stepNames = (currentStep: Step) => {
    return [
      "Verificar contacto",
      currentStep === Step.CREATE
        ? "Nuevo contacto"
        : "Información de contacto",
      "Ticket",
    ];
  };

  return {
    buttonString,
    panelTitle,
    currentStep,
    stepNames,
  };
};