分页 Pagination

<div class="xxd-pagination-bar">
  <span class="xxd-pagination__info"></span>
  <nav class="xxd-pagination" data-xxd-pagination data-page="3" data-total="230" data-per-page="20" aria-label="分页"></nav>
  <label class="xxd-pagination__size">每页<span class="xxd-select" data-size="sm"><select><option>20</option><option>50</option></select></span></label>
</div>
<nav class="xxd-pagination" data-simple aria-label="分页（简洁）"><button aria-label="上一页"><i data-xxd-icon="ChevronLeft" data-size="14"></i></button><button aria-current="page">2</button><button aria-label="下一页"><i data-xxd-icon="ChevronRight" data-size="14"></i></button></nav>

export function PaginationDemo() {
  const [page, setPage] = useState(1);
  return <Pagination page={page} setPage={setPage} perPage={10} totalCount={90} />;
}