<template>
  <div class="kole-badge kole-badge-surface"><strong class="kole-badge-title">{{ title || '标记 Badge' }}</strong><p class="kole-badge-desc">显示未读数、待办数、小红点或紧贴对象的状态标记。</p><slot /></div>
</template>

<script>
export default {
  name: 'KoleBadge',
  props: {
    count: { type: Number, default: 8 }, // 数量
    status: { type: String, default: 'error' }, // 状态
    variant: { type: String, default: 'dot' }, // 变体
  },
};
</script>

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