<template>
  <div class="pagination-box">
    <el-pagination
      background
      layout="prev, pager, next"
      :current-page="config.current"
      :page-size="config.pageSize"
      :total="config.total"
      @current-change="$emit('pageChange', $event)">
    </el-pagination>
  </div>
</template>

<script>
export default {
  props: {
    config: Object,
  },

  emits: ['pageChange'],

  setup(props) {
  }
}
</script>

<style lang="less" scoped>
.pagination-box {
  display: flex;
  margin: 1em 0;
  width: 100%;
  flex-direction: row-reverse;
}
</style>
