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

export default function KoleInfiniteScroll({ items = [], loading = false, status = 'more', height = '180px', children, onChange, onClick, onClose, onSubmit, onLoadMore }) {
  
  return (
    <div className="kole-infinitescroll-root">
      <div className="kole-infinitescroll kole-infinitescroll-scroll" style={{ height }} role="feed"><div className="kole-infinitescroll-scroll-item">活动记录 1</div><div className="kole-infinitescroll-scroll-item">活动记录 2</div><button className="kole-infinitescroll-button" type="button" disabled={loading || status === 'done'} onClick={onLoadMore}>{loading ? '加载中…' : status === 'done' ? '已全部加载' : '加载更多'}</button></div>
    </div>
  );
}
