text: import React, { Component } from 'react';
  import classNames from 'classnames';
  import SvgIcon from '../SvgIcon';
  import PaginationItem from './PaginationItem';
  import style from './Pagination.module.sass';
  
  const Icon = () => (
    <SvgIcon viewBox="0 0 1024 1024">
      <path d="M597.333 512c0-11.477-2.304-22.528-6.485-32.64-4.352-10.496-10.667-19.84-18.517-27.691s-17.237-14.165-27.691-18.517c-10.112-4.181-21.163-6.485-32.64-6.485s-22.528 2.304-32.64 6.485c-10.496 4.352-19.84 10.667-27.691 18.517s-14.165 17.237-18.517 27.691c-4.181 10.112-6.485 21.163-6.485 32.64s2.304 22.528 6.485 32.64c4.352 10.496 10.667 19.84 18.517 27.691s17.237 14.165 27.691 18.517c10.112 4.181 21.163 6.485 32.64 6.485s22.528-2.304 32.64-6.485c10.496-4.352 19.84-10.667 27.691-18.517s14.165-17.237 18.517-27.691c4.181-10.112 6.485-21.163 6.485-32.64zM896 512c0-11.477-2.304-22.528-6.485-32.64-4.352-10.496-10.667-19.84-18.517-27.691s-17.237-14.165-27.691-18.517c-10.112-4.181-21.163-6.485-32.64-6.485s-22.528 2.304-32.64 6.485c-10.496 4.352-19.84 10.667-27.691 18.517s-14.165 17.237-18.517 27.691c-4.181 10.112-6.485 21.163-6.485 32.64s2.304 22.528 6.485 32.64c4.352 10.496 10.667 19.84 18.517 27.691s17.237 14.165 27.691 18.517c10.112 4.181 21.163 6.485 32.64 6.485s22.528-2.304 32.64-6.485c10.496-4.352 19.84-10.667 27.691-18.517s14.165-17.237 18.517-27.691c4.181-10.112 6.485-21.163 6.485-32.64zM298.667 512c0-11.477-2.304-22.528-6.485-32.64-4.352-10.496-10.667-19.84-18.517-27.691s-17.237-14.165-27.691-18.517c-10.112-4.181-21.163-6.485-32.64-6.485s-22.528 2.304-32.64 6.485c-10.496 4.352-19.84 10.667-27.691 18.517s-14.165 17.237-18.517 27.691c-4.181 10.112-6.485 21.163-6.485 32.64s2.304 22.528 6.485 32.64c4.352 10.496 10.667 19.84 18.517 27.691s17.237 14.165 27.691 18.517c10.112 4.181 21.163 6.485 32.64 6.485s22.528-2.304 32.64-6.485c10.496-4.352 19.84-10.667 27.691-18.517s14.165-17.237 18.517-27.691c4.181-10.112 6.485-21.163 6.485-32.64z" />
    </SvgIcon>
  );
  
  class PaginationEllipsis extends Component {
    static defaultProps = {
      children: <Icon />
    };
  
    render() {
      const { className, children, ...other } = this.props;
  
      const classes = classNames(className, style.ellipsis);
  
      return (
        <PaginationItem className={classes} {...other}>
          {children}
        </PaginationItem>
      );
    }
  }
  
  export default PaginationEllipsis;
  