import React from 'react';
import Pagination from 'rc-pagination';
import Select from '../select';
import zhCN from './locale/zh_CN';

const prefixCls = 'ant-pagination';

const MiniSelect = React.createClass({
  render() {
    return <Select size="small" {...this.props} />;
  }
});

MiniSelect.Option = Select.Option;

class AntPagination extends React.Component {
  render() {
    let className = this.props.className;

    if (this.props.simple) {
      // hijiking simple pagination
      let newProps = {};
      for (let key in this.props) {
        if (this.props.hasOwnProperty(key)) {
          newProps[key] = this.props[key];
        }
      }

      delete newProps.simple;

      className += ' mini';

      return <Pagination selectComponentClass={MiniSelect}
        selectPrefixCls="ant-select"
        prefixCls={prefixCls}
        showSizeChanger
        showQuickJumper
        {...newProps} className={className}/>;
    }

    if (this.props.size === 'small') {
      className += ' mini';
    }

    return <Pagination selectComponentClass={Select}
                       selectPrefixCls="ant-select"
                       prefixCls={prefixCls}
      {...this.props} className={className}/>;
  }
}

AntPagination.defaultProps = {
  locale: zhCN,
  className: '',
};

export default AntPagination;