import React from "react";
import { PagerProps } from "./PagerProps";
import { Pager as KendoPager } from "@progress/kendo-react-data-tools";

const Pager: React.FC<PagerProps> = ({
  dataTestId,
  buttonCount,
  className,
  dir,
  info,
  onPageChange,
  pageSizes,
  pageSizeValue,
  previousNext,
  responsive,
  size,
  skip,
  style,
  take,
  total,
  type,
  messagesMap,
}) => (
  <div data-test-id={dataTestId}>
    <KendoPager
      buttonCount={buttonCount}
      className={className}
      dir={dir}
      info={info}
      onPageChange={onPageChange}
      pageSizes={pageSizes as (number | string)[] | undefined}
      pageSizeValue={pageSizeValue}
      previousNext={previousNext}
      responsive={responsive}
      size={size}
      skip={skip}
      style={style}
      take={take}
      total={total}
      type={type}
      messagesMap={messagesMap}
    />
  </div>
);

export default Pager;