text: import React, { PropTypes } from 'react';
  import ChevronLeft from 'material-ui/svg-icons/navigation/chevron-left';
  import ChevronRight from 'material-ui/svg-icons/navigation/chevron-right';
  import IconButton from 'material-ui/IconButton';
  //import styles from './styles';
  
  const propTypes = {
    page: PropTypes.number.isRequired,
    total: PropTypes.number.isRequired,
    limit: PropTypes.number.isRequired,
    handlePageClick: PropTypes.func.isRequired,
  };
  
  function pageLabel(page, limit, total) {
    const from = Math.min(((page - 1) * limit) + 1, total);
    const to = Math.min((page * limit), total);
    return `${from} - ${to} of ${total}`;
  }
  
  function Pagination({ total, limit, page, handlePageClick }) {
    return (
      /**<div className={styles.root}>**/
      <div>
        <IconButton
          disabled={page === 1}
          disableTouchRipple
          onClick={handlePageClick.bind(null, page - 1)}
        >
          <ChevronLeft />
        </IconButton>
        <IconButton
          disabled={page * limit >= total}
          disableTouchRipple
          onClick={handlePageClick.bind(null, page + 1)}
        >
          <ChevronRight />
        </IconButton>
        <div>
          {pageLabel(page, limit, total)}
        </div>
      </div>
    );
  }
  
  Pagination.propTypes = propTypes;
  
  export default Pagination;
  