// @ts-nocheck — preview_Pagination and preview_PageSelector are untyped JS
// components with no TypeScript declarations, so TS would error on every prop.
import React from 'react';
import {
  preview_PageSelector as PageSelector,
  preview_Pagination as Pagination,
} from '@carbon/react';

export const Demo = () => (
  <Pagination
    onChange={() => {}}
    pageSize={10}
    pageSizes={[10, 20]}
    totalItems={100}>
    {({ currentPage, onSetPage, totalPages }) => (
      <PageSelector
        currentPage={currentPage}
        onChange={(e) => onSetPage(e.target.value)}
        totalPages={totalPages}
      />
    )}
  </Pagination>
);