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

<script>
export default {
  name: 'KoleLink',
  props: {
    href: { type: String, default: '#' }, // 链接地址
    target: { type: String, default: '_self' }, // 打开方式
    variant: { type: String, default: 'primary' }, // 变体
    disabled: { type: Boolean, default: false }, // 是否禁用
  },
  // events: click
};
</script>

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