<script lang="ts" setup>
  import { QuestionCircleOutlined } from '@ant-design/icons-vue';
  import { Tooltip } from 'ant-design-vue';
  import { usePermission } from '/@/hooks/web/usePermission';
  import { UserDropDownItemEnum } from './user-dropdown/config';

  const handleJump = () => {
    open('https://docs.thingskit.com');
  };

  const { hasPermission } = usePermission();
</script>

<template>
  <Tooltip title="帮助文档">
    <QuestionCircleOutlined
      v-if="hasPermission(UserDropDownItemEnum.ABOUT_SOFTWARE)"
      class="text-base cursor-pointer"
      @click="handleJump"
    />
  </Tooltip>
</template>