import { watch } from "vue-demi";
import { ToolInstances } from "../types";
import { Props } from "./";

export function useWatch({ props, instances }: { props: Props; instances: ToolInstances }) {
  watch(
    () => props.markTool?.icon,
    val => {
      if (!val) return;
      if (typeof val === "string") {
        instances.markTool?.setPointImage(val);
      } else {
        val?.iconUrl && instances.markTool?.setPointImage(val?.iconUrl);
      }
    }
  );
}