/*
 * This file is part of KubeSphere Console.
 * Copyright (C) 2019 The KubeSphere Console Authors.
 *
 * KubeSphere Console is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * KubeSphere Console is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with KubeSphere Console.  If not, see <https://www.gnu.org/licenses/>.
 */

import React from 'react'

import {
  Loading,
  Level,
  LevelLeft,
  LevelRight,
  Pagination,
} from '@kube-design/components'
import { inject, observer } from 'mobx-react'

const TableWrapper = (Table, setting = { pagination: true }) => {
  @inject('rootStore')
  @observer
  class HOC extends React.Component {
    get store() {
      return this.props.store
    }

    render() {
      return (
        <Loading spinning={this.store.isLoading}>
          <div>
            <Table store={this.store} />
            {setting.pagination && this.renderPagination()}
          </div>
        </Loading>
      )
    }

    renderPagination() {
      const { page, total_page: total } = this.store
      const { limit } = this.store

      return (
        <div className={setting.paginationClassName}>
          <Level>
            <LevelLeft />
            <LevelRight>
              <Pagination
                page={page}
                total={total}
                limit={limit}
                onChange={this.store.changePagination}
              />
            </LevelRight>
          </Level>
        </div>
      )
    }
  }
  return HOC
}

export default TableWrapper
