import React from 'react';
import { TNavSize } from './index';

export interface IPageNav {
  children?: React.ReactNode;
  className?: number;
  size?: TNavSize;
  [x: string]: any;
}

export const PageNav: React.FC<IPageNav> = (props) => {
  const { className = '', size, children, ...otherProps } = props;
  return (
    <ul className={`b-paging ${size} ${className}`} {...otherProps}>
      {children}
    </ul>
  );
};