<script setup lang="ts">
  import { NodeProps } from '@vue-flow/core';
  import { Icon } from '/@/components/Icon';
  import { Tooltip } from 'ant-design-vue';

  defineProps<{
    nodeProps?: NodeProps;
  }>();

  const handleClick = () => {
    // event.stopPropagation();
    // event.preventDefault();
    // console.log(props);
  };
</script>

<template>
  <div class="w-full h-6 flex justify-end" @click="handleClick">
    <Tooltip color="#fff">
      <template #title>
        <span class="text-slate-500 italic">打开规则链</span>
      </template>
      <Icon
        icon="material-symbols:login"
        class="cursor-pointer svg:text-lg svg:text-light-50 border-1 border-light-50 bg-purple-400 hover:bg-purple-500 rounded"
      />
    </Tooltip>
  </div>
</template>