<template>
  <div class="kole-avatar kole-avatar-surface"><strong class="kole-avatar-title">{{ props.title || '头像 Avatar' }}</strong><p class="kole-avatar-desc">展示成员、审批人或操作者，支持文字、图片、尺寸和在线状态点。</p><slot /></div>
</template>

<script setup>
import { ref, computed } from 'vue';
const props = defineProps({
    src: { type: String, default: '' }, // 资源地址
    avatar: { type: String, default: '林' }, // 头像地址
    size: { type: String, default: '40px' }, // 尺寸
    status: { type: String, default: 'online' }, // 状态
});
const emit = defineEmits(["click"]);


</script>

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