import React from 'react';

export interface IPageNavItem {
  active?: boolean;
  children: React.ReactNode;
  onClick?(): void;
  [x: string]: any;
}

export const PageNavItem: React.FC<IPageNavItem> = (props) => {
  const { active, children, onClick, ...otherProps } = props;
  return (
    <li className={`b-page-item ${active ? 'active' : ''}`} {...otherProps}>
      <button type="button" className="b-page-link" onClick={onClick}>
        {children}
      </button>
    </li>
  );
};