<script setup lang="ts">
import ToolTip from '@/components/common/tool-tip.vue';

defineOptions({
  name: 'IconTip',
  inheritAttrs: false
});

defineProps<{
  name: string;
}>();
</script>

<template>
  <ToolTip>
    <template #trigger>
      <div>
        <SvgIcon
          v-bind="$attrs"
          class="h-30px w-30px cursor-pointer b-rd-50% bg-#F7F8FA text-#F7F8FA shadow-lg transition-all-200 active:(bg-[rgba(0,0,0,0.1)] color-[rgba(0,0,0,0.1)])"
        ></SvgIcon>
      </div>
    </template>
    {{ name }}
  </ToolTip>
</template>

<style scoped></style>
