<template>
  <div class="kole-link kole-link-surface"><strong class="kole-link-title">{{ props.title || '文字链接 Link' }}</strong><p class="kole-link-desc">跳转详情、下载文件或打开外部地址，提供主次和禁用状态。</p><slot /></div>
</template>

<script setup>
import { ref, computed } from 'vue';
const props = defineProps({
    href: { type: String, default: '#' }, // 链接地址
    target: { type: String, default: '_self' }, // 打开方式
    variant: { type: String, default: 'primary' }, // 变体
    disabled: { type: Boolean, default: false }, // 是否禁用
});
const emit = defineEmits(["click"]);


</script>

<style src="./Link.css"></style>
