import React, { useState } from 'react';
import './Avatar.css';

export default function KoleAvatar({ src = '', avatar = '林', size = '40px', status = 'online', children, onChange, onClick, onClose, onSubmit, onLoadMore }) {
  
  return (
    <div className="kole-avatar-root">
      <span className="kole-avatar kole-avatar-item"><span className="kole-avatar-avatar" style={{ width: size, height: size }} aria-label={avatar}>{src ? <img src={src} alt={avatar} /> : avatar}</span><span className="kole-avatar-status" aria-label={status}></span></span>
    </div>
  );
}