<script setup lang="ts">
import { Warning } from '@element-plus/icons-vue'

defineProps({
  type: String,
  details: String,
})
</script>

<template>
  <span class="flex items-center">
    <code class="api-typing mr-1">
      {{ type }}
    </code>
    <el-tooltip effect="light" trigger="click">
      <el-button text :icon="Warning" class="p-2 text-4" />
      <template #content>
        <slot>
          <div class="m-1">
            <code>
              {{ details }}
            </code>
          </div>
        </slot>
      </template>
    </el-tooltip>
  </span>
</template>
