import { Id } from '@win2win/shared';
import { getValue } from '@win2win/shared-ui';
import { capitalize } from 'src/helpers/formatters';
import { LayoutContext, LayoutGroupMainLayout } from 'src/models';
import { computed, ComputedRef, MaybeRef } from 'vue';

export function useDynamicTitle(context: MaybeRef<LayoutContext>, mainLayout: ComputedRef<LayoutGroupMainLayout | null>, id: ComputedRef<Id | null>) {
  const defaultTitle = computed(() => (id.value ? `${capitalize(getValue(context))} ${('00000000' + id.value).slice(-8)}` : 'Cargando...'));
  const title = computed(() => mainLayout.value?.title || defaultTitle.value);
  return title;
}