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

export default function KolePagination({ total = 128, page = 1, pageSize = 10, size = 'default', children, onChange, onClick, onClose, onSubmit, onLoadMore }) {
  
  return (
    <div className="kole-pagination-root">
      <div className="kole-pagination kole-pagination-pager" aria-label="分页"><button className="kole-pagination-page" type="button" onClick={() => onChange && onChange(Math.max(1, page - 1))}>上一页</button><button className="kole-pagination-page is-current" type="button">{page}</button><button className="kole-pagination-page" type="button" onClick={() => onChange && onChange(page + 1)}>下一页</button><span className="kole-pagination-desc">共 {total} 条 · 每页 {pageSize} 条</span></div>
    </div>
  );
}