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

export default function KoleAlert({ type = 'info', title = '系统提示', description = '请检查当前配置后继续。', closable = true, children, onChange, onClick, onClose, onSubmit, onLoadMore }) {
  
  return (
    <div className="kole-alert-root">
      <div className="kole-alert kole-alert-alert" role="alert"><span><strong>{title}</strong><br /><span className="kole-alert-desc">{description}</span></span>{closable ? <button className="kole-alert-close" type="button" aria-label="关闭" onClick={onClose}>×</button> : null}</div>
    </div>
  );
}