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

<script>
export default {
  name: 'KoleAvatar',
  props: {
    src: { type: String, default: '' }, // 资源地址
    avatar: { type: String, default: '林' }, // 头像地址
    size: { type: String, default: '40px' }, // 尺寸
    status: { type: String, default: 'online' }, // 状态
  },
  // events: click
};
</script>

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