import { InteractivityState } from '@3cr/types-ts';
import { useViewer3cr } from '@/composables/useViewer3cr';
import { ref, watch } from 'vue';

export function useMeasurementLengthTool() {
  const viewer3cr = useViewer3cr();

  const isActive = ref<boolean>(false);

  watch(isActive, async (isActive) => {
    await lengthTool(isActive);
  });

  async function lengthTool(value: boolean): Promise<void> {
    const message: InteractivityState = { Version: '0.0.0', Value: value };
    await viewer3cr.lengthTool({ message });
  }

  return { isActive };
}