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

export default function KoleForm({ fields = [], label = '名称', required = true, error = '', children, onChange, onClick, onClose, onSubmit, onLoadMore }) {
  
  return (
    <div className="kole-form-root">
      <form className="kole-form kole-form-form" onSubmit={(e) => { e.preventDefault(); onSubmit && onSubmit(e); }}><label className="kole-form-field"><span>{label} {required ? <b aria-hidden="true">*</b> : null}</span><input className="kole-form-control" name="name" required={required} /></label>{error ? <span className="kole-form-error">{error}</span> : null}<div className="kole-form-row"><button className="kole-form-button kole-form-primary" type="submit">提交</button><button className="kole-form-button" type="reset">重置</button></div></form>
    </div>
  );
}
