import { ScanView } from '@3cr/types-ts';
import { MaybeRef, ref, unref, watch } from 'vue';
import { useI18n } from 'vue-i18n';

export function useViewName(view: MaybeRef<ScanView>) {
  const { t } = useI18n();

  const name = ref<string>();

  function getViewName(view: ScanView): string {
    switch (view) {
      case ScanView.Volume:
        return t('enums.scanView.volume');
      case ScanView.Transverse:
        return t('enums.scanView.transverse');
      case ScanView.Sagittal:
        return t('enums.scanView.sagittal');
      case ScanView.Coronal:
        return t('enums.scanView.coronal');
      default:
        return '';
    }
  }

  watch(
    () => unref(view),
    (value: ScanView) => {
      name.value = getViewName(value);
    },
    { immediate: true },
  );

  return { name };
}