<script setup lang="ts">
defineOptions({
  name: 'ToolTip',
  inheritAttrs: false
});

interface Props {
  type?: 'dark' | 'light';
}

withDefaults(defineProps<Props>(), {
  type: 'light'
});
</script>

<template>
  <NTooltip
    :class="{ 'text-#666F8D !bg-#ffffff': type === 'light' }"
    :arrow-class="`${type === 'light' ? '!bg-#ffffff' : ''}`"
    v-bind="$attrs"
  >
    <template #trigger>
      <div>
        <slot name="trigger"></slot>
      </div>
    </template>
    <slot></slot>
  </NTooltip>
</template>

<style scoped>
</style>
