import { getWidget } from 'src/widgets/helpers';
import { computed, ComputedRef } from 'vue';
import { DynamicTableViewsRefs } from '../../models';

export function useWidgets(refs: ComputedRef<DynamicTableViewsRefs>) {
  const layout = computed(() => refs.value.layout);

  const mobileWidget = computed(() => {
    const code = layout.value?.templates?.mobile;
    return getWidget(code);
  });

  const gridWidget = computed(() => {
    const code = layout.value?.templates?.grid;
    return getWidget(code);
  });

  return { mobileWidget, gridWidget };
}