import { Ref, ref } from 'vue';
import { buildComponentArray } from './WindowManager';
import { ComponentModel } from './cykLang'
import loglevel from 'loglevel';
const logger = loglevel.getLogger('GridComponent.vue');
logger.setLevel('info');


export function useCykCardActions(props: { componentArg: ComponentModel | undefined }): { loading: Ref<boolean>, components: Ref<ComponentModel[]> } {
  const components: Ref<ComponentModel[]> = ref([]);
  const loading = ref(true);

  (async () => {

    if (props.componentArg !== undefined) {
      await buildComponentArray(props.componentArg, components);
      loading.value = false;
    }
  })();

  return {
    components,
    loading,
  };
}