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

export default function KoleBadge({ count = 8, status = 'error', variant = 'dot', children, onChange, onClick, onClose, onSubmit, onLoadMore }) {
  
  return (
    <div className="kole-badge-root">
      <span className="kole-badge kole-badge-badge-host"><span className="kole-badge-surface" style={{ padding: 12 }}>{children || '消息'}</span><span className="kole-badge-badge" aria-label="未读数量">{count > 99 ? '99+' : count}</span></span>
    </div>
  );
}